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

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

12
ดู: สถานะการโฮเวอร์ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome
ผมต้องการที่จะเห็น:hoverสไตล์สมอฉันโฉบในChrome ในFirebugมีสไตล์แบบเลื่อนลงที่อนุญาตให้ฉันเลือกสถานะที่แตกต่างสำหรับองค์ประกอบ ฉันไม่พบสิ่งที่คล้ายกันใน Chrome ฉันพลาดอะไรไปรึเปล่า?
22
ยืดและขยายภาพ CSS ในพื้นหลัง - ด้วย CSS เท่านั้น
ฉันต้องการให้ภาพพื้นหลังของฉันขยายและขยายตามขนาดวิวพอร์ตของเบราว์เซอร์ ฉันเคยเห็นคำถามบางอย่างเกี่ยวกับ Stack Overflow ที่ทำงานเช่นยืดและขยายพื้นหลัง CSSตัวอย่างเช่น มันใช้งานได้ดี แต่ฉันต้องการวางภาพโดยbackgroundไม่ใช้imgแท็ก ในimgแท็กนั้นจะถูกวางไว้และด้วย CSS เราจะส่งส่วยให้imgแท็ก width:100%; height:100%; ใช้งานได้ แต่คำถามนั้นเก่าไปหน่อยและระบุว่าในการปรับขนาด CSS 3 ภาพพื้นหลังจะทำงานได้ค่อนข้างดี ฉันลองตัวอย่างนี้เป็นตัวอย่างแรกแต่ไม่ได้ผลสำหรับฉัน มีวิธีการที่ดีในการทำbackground-imageประกาศหรือไม่?
853 css  background 
21
ทำให้เนื้อหามีความสูงของเบราว์เซอร์ 100%
ฉันต้องการทำให้ร่างกายมีความสูงของเบราว์เซอร์ 100% ฉันสามารถใช้ CSS ได้ไหม ฉันลองตั้งค่าheight: 100%แล้ว แต่ใช้งานไม่ได้ ฉันต้องการตั้งค่าสีพื้นหลังสำหรับหน้าให้เต็มทั้งหน้าต่างเบราว์เซอร์ แต่ถ้าหน้ามีเนื้อหาน้อยฉันจะได้แถบสีขาวน่าเกลียดที่ด้านล่าง
844 html  css  height 
21
จะปิดการใช้งานลิงค์โดยใช้ CSS เท่านั้นได้อย่างไร
มีวิธีการปิดการใช้งานลิงค์โดยใช้ CSS หรือไม่? ฉันมีคลาสที่เรียกว่าcurrent-pageและต้องการลิงก์กับคลาสนี้เพื่อปิดใช้งานเพื่อไม่ให้มีการดำเนินการใด ๆ เกิดขึ้นเมื่อมีการคลิก
844 html  css 
30
วิธีกำหนดสไตล์ของช่องทำเครื่องหมายโดยใช้ CSS
ฉันกำลังพยายามทำเครื่องหมายในช่องทำเครื่องหมายโดยใช้สิ่งต่อไปนี้: <input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" /> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล แต่สไตล์ไม่ได้ใช้ ช่องทำเครื่องหมายยังคงแสดงสไตล์เริ่มต้น ฉันจะกำหนดสไตล์ที่ระบุได้อย่างไร
831 html  css  checkbox 
15
CSS ความสูง 100% พร้อมช่องว่างภายใน / ขอบ
ด้วย HTML / CSS ฉันจะสร้างองค์ประกอบที่มีความกว้างและ / หรือความสูงที่ 100% ขององค์ประกอบหลักได้อย่างไรและยังมีช่องว่างภายในหรือระยะขอบที่เหมาะสม โดย "เหมาะสม" ฉันหมายความว่าหากองค์ประกอบหลักของฉัน200pxสูงและฉันระบุheight = 100%ด้วยpadding = 5pxฉันคาดหวังว่าฉันควรได้รับ190pxองค์ประกอบที่สูงborder = 5pxในทุกด้านโดยมีศูนย์กลางอยู่ที่องค์ประกอบหลัก ตอนนี้ฉันรู้แล้วว่านั่นไม่ใช่วิธีที่ตัวแบบกล่องมาตรฐานระบุว่าควรจะทำงานได้อย่างไร (แม้ว่าฉันอยากจะรู้ว่าเพราะอะไร ... ) ดังนั้นคำตอบที่ชัดเจนจึงไม่ทำงาน: #myDiv { width: 100% height: 100%; padding: 5px; } แต่สำหรับฉันแล้วดูเหมือนว่าจะต้องมีวิธีการสร้างผลกระทบนี้อย่างน่าเชื่อถือสำหรับผู้ปกครองที่มีขนาดตามอำเภอใจ ไม่มีใครรู้วิธีที่จะบรรลุภารกิจนี้ (ดูเหมือนง่าย ๆ ) หรือไม่? โอ้และสำหรับบันทึกฉันไม่ได้สนใจเรื่องความเข้ากันได้กับ IE มากนัก (หวังว่า) จะทำให้สิ่งต่าง ๆ ง่ายขึ้น แก้ไข:เนื่องจากตัวอย่างถูกถามนี่คือสิ่งที่ง่ายที่สุดที่ฉันคิดได้: <html style="height: 100%"> <body …
813 css 
9
ไม่: ตัวเลือกลูกคนแรก
ฉันมีdivแท็กที่มีหลายulแท็ก ฉันสามารถตั้งค่าคุณสมบัติ CSS สำหรับulแท็กแรกเท่านั้น: div ul:first-child { background-color: #900; } อย่างไรก็ตามความพยายามของฉันต่อไปนี้ในการตั้งค่าคุณสมบัติ CSS สำหรับแต่ละulแท็กยกเว้นแท็กแรกไม่ทำงาน: div ul:not:first-child { background-color: #900; } div ul:not(:first-child) { background-color: #900; } div ul:first-child:after { background-color: #900; } ฉันจะเขียนใน CSS: "แต่ละองค์ประกอบยกเว้นองค์ประกอบแรก" ได้อย่างไร
811 css  css-selectors 
21
ลบเส้นขอบสีน้ำเงินออกจากปุ่ม css แบบกำหนดเองใน Chrome
ฉันกำลังทำงานบนเว็บเพจและฉันต้องการ<button>แท็กแบบกำหนดเอง ดังนั้นด้วย CSS border: noneผมบอกว่า: ตอนนี้มันทำงานได้อย่างสมบูรณ์ในซาฟารี แต่ในโครเมี่ยมเมื่อฉันคลิกปุ่มใดปุ่มหนึ่งมันทำให้เส้นขอบสีฟ้าน่ารำคาญรอบ ๆ ฉันคิดbutton:active { outline: none }หรือbutton:focus { outline:none }จะทำงาน แต่ไม่ทำ ความคิดใด ๆ นี่คือลักษณะที่ปรากฏก่อนที่จะถูกคลิก (และฉันต้องการให้มันยังคงดูแลหลังจากถูกคลิก): และนี่คือขอบเขตที่ฉันพูดถึง: นี่คือ CSS ของฉัน: button.launch { background-color: #F9A300; border: none; height: 40px; padding: 5px 15px; color: #ffffff; font-size: 16px; font-weight: 300; margin-top: 10px; margin-right: 10px; } button.launch:hover { cursor: …
811 css  google-chrome 
28
วิธีการจัดแนวองค์ประกอบใน div?
ฉันมี div ที่มีสองภาพและ h1กับสองภาพและการอื่น ทั้งหมดของพวกเขาจะต้องอยู่ในแนวตั้งภายใน div ถัดจากกันและกัน หนึ่งในภาพต้องมี absoluteอยู่ในตำแหน่งภายใน div CSS จำเป็นสำหรับการทำงานกับเบราว์เซอร์ทั่วไปทั้งหมดอย่างไร <div id="header"> <img src=".." ></img> <h1>testing...</h1> <img src="..."></img> </div>
30
ควรใช้ IMG กับ CSS กับภาพพื้นหลังเมื่อใด
คำตอบของคำถามนี้เป็นความพยายามของชุมชน แก้ไขคำตอบที่มีอยู่เพื่อปรับปรุงโพสต์นี้ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ในสถานการณ์ใดจะเหมาะสมกว่าที่จะใช้IMGแท็กHTML เพื่อแสดงรูปภาพซึ่งตรงข้ามกับ CSS background-imageและในทางกลับกัน ปัจจัยอาจรวมถึงการเข้าถึงการสนับสนุนเบราว์เซอร์เนื้อหาแบบไดนามิกหรือข้อ จำกัด ทางเทคนิคหรือหลักการใช้งานใด ๆ
30
วิธีที่ดีกว่าในการกำหนดระยะห่างระหว่างรายการ flexbox
ในการตั้งค่าระยะห่างน้อยที่สุดระหว่างรายการ flexbox ที่ฉันใช้margin: 0 5pxกับ.itemและmargin: 0 -5pxบนภาชนะ สำหรับฉันดูเหมือนว่าแฮ็ค แต่ฉันไม่สามารถหาวิธีที่ดีกว่านี้ ตัวอย่าง #box { display: flex; width: 100px; margin: 0 -5px; } .item { background: gray; width: 50px; height: 50px; margin: 0 5px; } <div id='box'> <div class='item'></div> <div class='item'></div> <div class='item'></div> <div class='item'></div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล
777 css  flexbox 
15
ทำไมถึงเลือก px
ฉันได้ยินมาว่าคุณควรกำหนดขนาดและระยะทางในสไตล์ชีทของคุณด้วย em แทนที่จะเป็นพิกเซล ดังนั้นคำถามคือทำไมฉันควรใช้ em แทน px เมื่อกำหนดสไตล์ใน css มีตัวอย่างที่ดีที่แสดงสิ่งนี้หรือไม่
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.