คำถามติดแท็ก css

CSS (Cascading Style Sheets) เป็นภาษาสไตล์ชีตที่ใช้สำหรับอธิบายลักษณะและการจัดรูปแบบของ HTML (HyperText Markup Language), XML (Extensible Markup Language) เอกสาร XML และ Extensible Markup Language รวมถึงองค์ประกอบ SVG รวมถึง (แต่ไม่ จำกัด เฉพาะ) สีโครงร่างแบบอักษร และภาพเคลื่อนไหว นอกจากนี้ยังอธิบายถึงวิธีการแสดงองค์ประกอบบนหน้าจอบนกระดาษคำพูดหรือบนสื่ออื่น ๆ

5
วิธีหยุดข้อความไม่ให้เกิน 1 บรรทัด?
มีการตัดคำหรือคุณลักษณะอื่น ๆ ที่หยุดข้อความจากการตัด? ฉันมีความสูงและoverflow:hiddenและข้อความก็ยังคงพัก ต้องการทำงานกับเบราว์เซอร์ทั้งหมดก่อน CSS3
332 html  css  text  word-wrap 
7
อะไรคือความแตกต่างระหว่างจอแสดงผล: อินไลน์เฟล็กซ์และจอแสดงผล: เฟล็กซ์?
ฉันกำลังพยายามจัดองค์ประกอบในแนวตั้งภายใน wrapper ID ฉันให้ทรัพย์สินdisplay:inline-flex;แก่ ID นี้เนื่องจาก ID wrapper เป็น flex container แต่การนำเสนอไม่แตกต่างกัน ฉันคาดว่าทุกอย่างในรหัส wrapper จะปรากฏinlineขึ้น ทำไมไม่เป็นเช่นนั้น? #wrapper { display: inline-flex; /*no difference to display:flex; */ } <body> <div id="wrapper"> <header>header</header> <nav>nav</nav> <aside>aside</aside> <main>main</main> <footer>footer</footer> </div> </body> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล
331 css  flexbox 
14
เค้าร่างเอฟเฟกต์ข้อความ
มีวิธีใดบ้างใน CSS ที่จะให้เค้าร่างข้อความกับสีที่ต่างกัน? ฉันต้องการเน้นบางส่วนของข้อความเพื่อทำให้เข้าใจง่ายขึ้นเช่นชื่อลิงค์ ฯลฯ การเปลี่ยนสีลิงค์เป็นต้นเป็นเรื่องธรรมดาในปัจจุบันดังนั้นฉันต้องการสิ่งใหม่
329 css 
7
ความกว้างของของไหลที่มี DIV เว้นระยะเท่ากัน
ฉันมีภาชนะบรรจุความกว้างของของเหลว DIV ภายในนี้ฉันมี 4 DIVs ทั้งหมด 300px x 250px ... <div id="container"> <div class="box1"> </div> <div class="box2"> </div> <div class="box3"> </div> <div class="box4"> </div> </div> สิ่งที่ฉันต้องการจะเกิดขึ้นก็คือกล่องที่ 1 ที่จะลอยไปทางซ้ายกล่องที่ 4 จะลอยไปทางขวาและช่องที่ 2 และ 3 ที่จะเว้นระยะระหว่างพวกเขาอย่างเท่าเทียมกัน ฉันต้องการให้การเว้นวรรคนั้นราบรื่นเช่นกันดังนั้นเบราว์เซอร์ก็ยิ่งเล็กลงพื้นที่ก็เล็กลงเช่นกัน
329 html  css  fluid-layout 
8
จะมีการเปลี่ยน CSS หลายรายการในองค์ประกอบได้อย่างไร
เป็นคำถามที่ค่อนข้างตรงไปตรงมา แต่ฉันไม่สามารถหาเอกสารที่ดีเกี่ยวกับคุณสมบัติการเปลี่ยน CSS ได้ นี่คือตัวอย่าง CSS: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; -webkit-transition: text-shadow .2s linear; -moz-transition: text-shadow .2s linear; -o-transition: …
7
Bootstrap เมนูย่อยแบบหล่นลงหายไป
Bootstrap 3 ยังอยู่ที่ RC แต่ฉันแค่พยายามใช้มัน ฉันไม่สามารถหาวิธีวางคลาสเมนูย่อยได้ แม้จะไม่มีคลาสใน CSS และแม้แต่เอกสารใหม่ก็ไม่พูดอะไรเกี่ยวกับมัน มันอยู่ที่นั่นใน 2.x พร้อมชื่อคลาสเป็นดรอปดาวน์ - เมนูย่อย
15
จัดศูนย์แนวตั้งใน Bootstrap 4
ฉันพยายามจัดกึ่งกลางคอนเทนเนอร์ของฉันที่กึ่งกลางหน้าโดยใช้ Bootstrap 4 ฉันยังไม่ประสบความสำเร็จ ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชม ฉันได้สร้างมันขึ้นที่Codepen.ioเพื่อให้พวกคุณสามารถเล่นกับมันและแจ้งให้เราทราบว่าอะไรที่ทำงานได้ดีในขณะที่ฉันกำลังออกความคิด ... แสดงตัวอย่างโค้ด var currentAuthor = ""; var currentQuote = ""; function randomQuote() { $.ajax({ url: "https://api.forismatic.com/api/1.0/?", dataType: "jsonp", data: "method=getQuote&format=jsonp&lang=en&jsonp=?", success: function( response ) { $("#quote-content").html('<h2 id="quote-content" class="display-5"><i class="fa fa-quote-left" aria-hidden="true"> ' + response.quoteText + ' <i class="fa fa-quote-right" aria-hidden="true"></i></h2>'); $("#quote-author").html('<p id="quote-author" …
24
เปลี่ยนสีเป็นสีอ่อนหรือเข้มกว่าแบบไดนามิกโดยใช้เปอร์เซ็นต์ CSS (Javascript)
เรามีแอปพลิเคชั่นขนาดใหญ่บนเว็บไซต์และเรามีลิงค์ไม่กี่อย่างเช่นสีฟ้าเหมือนลิงค์สีฟ้าในเว็บไซต์นี้ ตอนนี้ฉันต้องการสร้างลิงก์อื่น ๆ แต่มีสีอ่อนกว่า เห็นได้ชัดว่าฉันสามารถทำได้ง่ายๆโดยการเพิ่มรหัสฐานสิบหกในไฟล์ CSS แต่เว็บไซต์ของเราช่วยให้ผู้ใช้ตัดสินใจเลือกสีที่พวกเขาต้องการสำหรับโปรไฟล์ / ไซต์ที่กำหนดเอง (เช่น Twitter) ดังนั้นคำถามของฉันคือเราสามารถลดสีเป็นเปอร์เซ็นต์ได้หรือไม่ สมมติว่ารหัสต่อไปนี้คือ CSS: a { color: blue; } a.lighter { color: -50%; // obviously not correct way, but just an idea } หรือ a.lighter { color: blue -50%; // again not correct, but another example of setting color and …
322 css 
3
การสร้าง Radial Menu ใน CSS
ฉันจะสร้างเมนูที่มีลักษณะเช่นนี้ได้อย่างไร ... ลิงก์ไปยัง PSD ฉันไม่ต้องการใช้รูป PSD ฉันต้องการใช้ไอคอนจากบางแพคเกจเช่นFontAwesomeและสร้างพื้นหลัง / CSS ใน CSS รุ่นของเมนูที่ใช้ PSD เพื่อการสร้างภาพของคำแนะนำเครื่องมือแล้วใช้ก็สามารถพบได้ที่นี่
321 css  tooltip  css-shapes 
21
วางตำแหน่งรูปภาพพื้นหลัง CSS x พิกเซลจากด้านขวาหรือไม่
ฉันคิดว่าคำตอบคือไม่ แต่คุณสามารถวางภาพพื้นหลังด้วย CSS เพื่อให้เป็นจำนวนพิกเซลคงที่จากด้านขวา? ถ้าฉันตั้งbackground-positionค่าของ x และ y ดูเหมือนว่าเหล่านั้นจะให้การปรับพิกเซลคงที่จากด้านซ้ายและด้านบนตามลำดับเท่านั้น
321 css 
2
หน้ายิ้มของ“ :)” หมายถึงอะไรใน CSS?
ฉันเห็นโค้ด CSS นี้ในโครงการ: html, body { :)width: 640px;} ฉันเคยใช้ CSS มานานแล้ว แต่ฉันไม่เคยเห็นรหัส ":)" นี้มาก่อน มันหมายถึงอะไรหรือมันเป็นแค่การพิมพ์ผิด?
321 css  css-hack 
12
ทำไมรูปแบบส่วนบนของ CSS นี้ไม่ทำงาน
ฉันพยายามเพิ่มค่ามาร์จิ้นใน div ภายใน div อื่น ทุกอย่างทำงานได้ดียกเว้นค่าสูงสุดดูเหมือนว่าจะถูกละเว้น แต่ทำไม สิ่งที่ฉันคาดหวัง: สิ่งที่ฉันได้รับ: รหัส: #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px 50px 50px 50px; padding: 10px; display: block; } <div id="outer"> <div id="inner"> Hello world! </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล W3Schoolsไม่มีคำอธิบายว่าทำไมมาร์จินจึงมีพฤติกรรมเช่นนี้
321 html  margin  css 
21
ฉันจะแทนที่ข้อความด้วย CSS ได้อย่างไร
ฉันจะแทนที่ข้อความด้วย CSS โดยใช้วิธีดังนี้: .pvw-title img[src*="IKON.img"] { visibility:hidden; } แทน ( img[src*="IKON.img"] ) ฉันต้องใช้สิ่งที่สามารถแทนที่ข้อความแทน ฉันต้องใช้[ ]เพื่อให้มันทำงาน <div class="pvw-title">Facts</div> ฉันต้องการแทนที่ " ข้อเท็จจริง "
321 css  text  replace 
4
สิ่งที่มาแทนที่ Cellpadding, Cellspacing, Valign และจัดเรียงในตาราง HTML5 คืออะไร
ในVisual Studioฉันเห็นคำเตือนเหล่านี้: การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'cellpadding' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'table' การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'cellspacing' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'ตาราง' การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'valign' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'td' การตรวจสอบความถูกต้อง (HTML 5): แอตทริบิวต์ 'จัดตำแหน่ง' ไม่ใช่แอตทริบิวต์ที่ถูกต้องขององค์ประกอบ 'td' หากพวกเขาไม่ใช่แอตทริบิวต์ที่ถูกต้องในHTML5สิ่งที่แทนที่พวกเขาใน CSS
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.