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

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

10
อิลิเมนต์ที่ลอยอยู่ภายใน div, ลอยอยู่นอก div ทำไม?
สมมติว่าคุณมีdiv, ให้มันชัดเจนwidthและใส่องค์ประกอบในนั้นในกรณีของฉันimgอีกdivอัน แนวคิดคือเนื้อหาของคอนเทนเนอร์divจะทำให้คอนเทนเนอร์divยืดออกและเป็นพื้นหลังสำหรับเนื้อหา แต่เมื่อผมทำเช่นนี้ที่มีการdivหดตัวเพื่อให้พอดีกับไม่ใช่วัตถุลอยและวัตถุลอยจะเป็นได้ทั้งทุกอย่างออกหรือครึ่งหนึ่งออกในช่วงครึ่งปีและไม่ต้องแบกใด ๆ divกับขนาดของขนาดใหญ่ที่ ทำไมนี้ มีบางอย่างที่ฉันขาดไปและฉันจะเอาไอเท็มที่ลอยอยู่ออกเพื่อยืดส่วนheightที่บรรจุได้divอย่างไร
274 css  html  css-float 

5
คุณสมบัติรูปแบบไขว้ใน devtools ของ Google Chrome หมายถึงอะไร
ขณะที่ตรวจสอบองค์ประกอบโดยใช้ devtools ของ Chrome ในแท็บองค์ประกอบแถบ 'สไตล์' ทางด้านขวาจะแสดงคุณสมบัติ CSS ที่เกี่ยวข้อง บางครั้งคุณสมบัติเหล่านี้บางส่วนจะถูกขีดฆ่า คุณสมบัติเหล่านี้หมายถึงอะไร



17
จะป้องกันการแตกคอลัมน์ภายในองค์ประกอบได้อย่างไร
พิจารณา HTML ต่อไปนี้: <div class='x'> <ul> <li>Number one</li> <li>Number two</li> <li>Number three</li> <li>Number four is a bit longer</li> <li>Number five</li> </ul> </div> และ CSS ต่อไปนี้: .x { -moz-column-count: 3; column-count: 3; width: 30em; } ตามที่เป็นอยู่ปัจจุบัน Firefox แสดงผลแบบเดียวกันนี้: • Number one • Number three bit longer • Number two • Number …


23
วิธีรับความสูง div เพื่อปรับขนาดพื้นหลังโดยอัตโนมัติได้อย่างไร
ฉันจะให้ div ปรับขนาดของพื้นหลังที่ฉันตั้งไว้โดยอัตโนมัติได้อย่างไรโดยไม่ต้องตั้งค่าความสูงเฉพาะ (หรือความสูงขั้นต่ำ)
270 css  html  background  height 

2
ฉันจะทำให้เด็กจำนวนเฉพาะใช้ CSS ได้อย่างไร
ฉันมีสิ่งtableที่tdถูกสร้างขึ้นแบบไดนามิก ฉันรู้วิธีรับลูกคนแรกและลูกคนสุดท้าย แต่คำถามของฉันคือ: มีวิธีรับลูกที่สองหรือสามโดยใช้ CSS หรือไม่?
270 html  css  css-selectors 

15
วิธีลอย 3 divs เคียงข้างกันโดยใช้ CSS?
ฉันรู้วิธีที่จะทำให้ 2 divs ลอยข้างกันเพียงแค่ลอยหนึ่งไปทางซ้ายและอื่น ๆ ไปทางขวา แต่จะทำอย่างไรกับ 3 divs หรือฉันควรใช้ตารางเพื่อจุดประสงค์นี้
270 css  css-float 

30
Bootstrap 3 ตำแหน่งศูนย์กลางแนวตั้งเป็นกิริยาช่วย
นี่เป็นคำถามสองส่วน: คุณจะวางตำแหน่งคำกริยาในแนวตั้งได้อย่างไรเมื่อคุณไม่ทราบความสูงที่แท้จริงของคำกริยา? เป็นไปได้หรือไม่ที่จะมีคำกริยาที่กึ่งกลางและล้น: อัตโนมัติในตัวโมดอล แต่เฉพาะถ้าโมดัลมีความสูงเกินความสูงของหน้าจอ ฉันได้ลองใช้สิ่งนี้: .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: auto; } สิ่งนี้ทำให้ฉันได้ผลลัพธ์ที่ฉันต้องการเมื่อเนื้อหามีขนาดใหญ่กว่าขนาดหน้าจอแนวตั้ง แต่สำหรับเนื้อหาที่เป็นกิริยาช่วยเล็กน้อยมันใช้ไม่ได้

16
แก้ไขสีเติม SVG เมื่อใช้เป็นภาพพื้นหลัง
การวางเอาต์พุต SVG โดยตรงโดยใช้โค้ดเพจฉันสามารถแก้ไขสีเติมด้วย CSS ได้เช่น: polygon.mystar { fill: blue; }​ circle.mycircle { fill: green; } สิ่งนี้ใช้งานได้ดี แต่ฉันกำลังมองหาวิธีในการแก้ไขแอตทริบิวต์ "เติม" ของ SVG เมื่อมันถูกใช้เป็นแบ็คกราวด์ - ภาพ html { background-image: url(../img/bg.svg); } ฉันจะเปลี่ยนสีได้อย่างไรตอนนี้ เป็นไปได้ไหม สำหรับการอ้างอิงต่อไปนี้เป็นเนื้อหาของไฟล์ SVG ภายนอกของฉัน: <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="320px" height="100px" viewBox="0 0 320 100" enable-background="new 0 0 320 …
270 html  css  svg 

12
CSS ขีดทับสีที่แตกต่างจากข้อความหรือไม่
องค์ประกอบ HTML del, strikeหรือsทั้งหมดอาจถูกนำมาใช้สำหรับข้อความตีผ่านผล ตัวอย่าง: <del>del</del> .... ให้: เดล <strike>strike</strike> and <s>strike</s> .... ให้: การนัดหยุดงานและการนัดหยุดงาน text-decorationคุณสมบัติCSS ที่มีค่าline-throughอาจถูกนำมาใช้ในทำนองเดียวกัน รหัส... <span style='text-decoration:line-through'> text-decoration:line-through </span> ... จะแสดงผลเป็น: text-decoration: line-through อย่างไรก็ตามโดยทั่วไปแล้วเส้นขีดกลางมีสีเดียวกันกับข้อความ CSS สามารถใช้เพื่อทำให้เส้นมีสีต่างกันได้หรือไม่?
268 html  css 

24
ฉันจะจัดลำดับ div ใหม่โดยใช้ CSS เท่านั้นได้อย่างไร
ให้แม่แบบที่ HTML ไม่สามารถแก้ไขได้เนื่องจากข้อกำหนดอื่น ๆ มันเป็นไปได้อย่างไรที่จะแสดง (จัดเรียง) ใหม่divเหนือสิ่งอื่นdivเมื่อไม่ได้อยู่ในลำดับนั้นใน HTML? ทั้งสองdivประกอบด้วยข้อมูลที่แตกต่างกันในความสูงและความกว้าง <div id="wrapper"> <div id="firstDiv"> Content to be below in this situation </div> <div id="secondDiv"> Content to be above in this situation </div> </div> Other elements หวังว่าจะเห็นได้ชัดว่าผลลัพธ์ที่ต้องการคือ: Content to be above in this situation Content to be below in this situation Other …
266 html  css 


25
ฉันจะสร้างตาราง HTML ด้วยคอลัมน์ด้านซ้าย / ตายตัวและตัวเลื่อนได้อย่างไร
ฉันต้องการทางออกง่ายๆ ฉันรู้ว่ามันคล้ายกับคำถามอื่น ๆ เช่น: ตาราง HTML ที่มีส่วนหัวคงที่และคอลัมน์คงที่หรือไม่ ฉันจะล็อกแถวแรกและคอลัมน์แรกของตารางขณะเลื่อนได้อย่างไรอาจใช้ JavaScript และ CSS แต่ฉันต้องการเพียงคอลัมน์ซ้ายเดียวที่จะถูกแช่แข็งและฉันต้องการโซลูชันที่เรียบง่ายและไร้สคริปต์
266 html  css  html-table 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.