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

ในCSS3 font-faceมีหลายประเภทหลายแบบอักษรรวมเช่นttf, eot, woff, และsvgcff ทำไมเราควรใช้ทุกประเภทเหล่านี้? หากพวกเขาพิเศษสำหรับเบราว์เซอร์ที่แตกต่างกันทำไมจำนวนของพวกเขามากกว่าจำนวนของเบราว์เซอร์ที่สำคัญ?

299 css  font-face  webfonts 

ฉันต้องการสร้าง CSS สไตล์ชีทคลาสแบบไดนามิกใน JavaScript และกำหนดให้กับองค์ประกอบ HTML บางอย่างเช่น - div, table, span, tr, ฯลฯ และการควบคุมบางอย่างเช่น asp: Textbox, Dropdownlist และ datalist เป็นไปได้ไหม? มันจะดีกับตัวอย่าง

299 javascript  css  stylesheet 

ฉันสับสนเล็กน้อยระหว่างตัวเลือก 2 ตัวนี้ ทำการเลือกสืบทอด : div p เลือกทั้งหมดpภายในdivว่าเหมาะสมหรือไม่ ดังนั้นถ้าpอยู่ข้างในdivก็จะยังคงถูกเลือก? จากนั้นตัวเลือกลูก : div > p ความแตกต่างคืออะไร? เด็กหมายถึงเด็กทันทีหรือไม่? เช่น. <div><p> VS <div><div><p> ทั้งสองจะถูกเลือกหรือไม่?

298 css  css-selectors 

ฉันรู้ว่าสิ่งนี้สามารถแก้ไขได้อย่างง่ายดายด้วย Javascript แต่ฉันสนใจเฉพาะโซลูชัน CSS ที่แท้จริงเท่านั้น ฉันต้องการวิธีปรับขนาดข้อความแบบไดนามิกเพื่อให้เหมาะกับ div ที่ตายตัวเสมอ นี่คือตัวอย่างมาร์กอัพ: <div style="width: 200px; height: 1em; overflow: hidden;"> <p>Some sample dynamic amount of text here</p> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ฉันคิดว่าอาจเป็นไปได้โดยระบุความกว้างของคอนเทนเนอร์เป็น ems และทำให้ขนาดตัวอักษรเป็นตัวรับค่านั้น

298 css 

มองผ่าน bootstrap ดูเหมือนว่าพวกเขาสนับสนุนการยุบรายการแถบเมนูสำหรับหน้าจอขนาดเล็ก มีบางอย่างที่คล้ายกันสำหรับรายการอื่น ๆ ในหน้า? ตัวอย่างเช่นฉันมียาเม็ดคุมกำเนิดลอยไปทางขวา บนหน้าจอขนาดเล็กสิ่งนี้จะทำให้เกิดปัญหา ฉันชอบที่จะนำมาไว้ในรายการแบบเลื่อนลงแบบคลิกเพื่อแสดงเพิ่มเติมที่คล้ายกัน สิ่งนี้เป็นไปได้หรือไม่ภายในกรอบ Bootstrap ที่มีอยู่

298 html  css  twitter-bootstrap  responsive-design 

มีวิธีใน jQuery เพื่อรับ CSS ทั้งหมดจากองค์ประกอบที่มีอยู่และนำไปใช้กับอีกรายการโดยไม่แสดงรายการทั้งหมดหรือไม่ ฉันรู้ว่ามันจะใช้งานได้หากพวกเขาเป็นคุณลักษณะสไตล์ด้วยattr()แต่สไตล์ทั้งหมดของฉันอยู่ในสไตล์ชีทภายนอก

297 javascript  jquery  css 

CSS ไม่ได้ตราบเท่าที่ฉันรู้ว่าทัวริงสมบูรณ์ แต่ความรู้ของ CSS มี จำกัด มาก CSS ทัวริงสมบูรณ์หรือไม่ มีร่างหรือคณะกรรมการชุดย่อยที่มีอยู่กำลังพิจารณาคุณสมบัติทางภาษาที่อาจทำให้ทัวริงสมบูรณ์หากไม่ได้ตอนนี้หรือไม่?

297 css  turing-complete 

ในหน้าเว็บของฉันมีความdivพร้อมกับการตั้งชื่อclassTest ฉันจะหามันเจอได้XPathอย่างไร?

297 html  css  xml  xpath 

ฉันต้องการลบลูกศรแบบเลื่อนลงจาก<select>องค์ประกอบHTML ตัวอย่างเช่น: <select style="width:30px;-webkit-appearance: none;"> <option>2000</option> <option>2001</option> <option>2002</option> ... </select> จะทำอย่างไรใน Opera, Firefox และ Internet Explorer

297 html  css  drop-down-menu  html-select 

ฉันมีอย่างตำแหน่งที่เด็กหลายคนมีหนึ่งซึ่งเป็นตำแหน่งที่ค่อนข้างdiv divเมื่อฉันใช้ a percentage-based widthบนเด็กdivมันจะยุบลง0 widthบน IE7 แต่ไม่ใช่ใน Firefox หรือ Safari ถ้าฉันใช้pixel widthมันใช้งานได้ หากผู้ปกครองอยู่ในตำแหน่งที่ค่อนข้างกว้างร้อยละบนเด็กทำงาน มีบางอย่างที่ฉันหายไปไหม มีวิธีแก้ไขที่ง่ายกว่านี้สำหรับpixel-based widthเด็ก ๆ ไหม? มีพื้นที่ของข้อกำหนด CSS ที่ครอบคลุมสิ่งนี้หรือไม่

296 html  css  internet-explorer-7 

ฉันมีรหัส Bootstrap ของ Twitter นี้ <div class='navbar navbar-fixed-top'> <div class='navbar-inner'> <div class='container'> <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'> <span class='icon-bar'></span> <span class='icon-bar'></span> <span class='icon-bar'></span> </a> <div class='nav-collapse'> <ul class='nav'> <li class='active'> <a href='some_url'>My Home</a> </li> <li> <a href='some_url'>Option 1 </a> </li> <li> <a href='some_url'>Another option</a> </li> <li> <a href='some_url'>Another option</a> </li> …

296 css  twitter-bootstrap 

ไวยากรณ์สำหรับการทำสิ่งที่ชอบคืออะไร: input[name="Sex" AND value="M"] โดยทั่วไปฉันต้องการเลือกinputองค์ประกอบที่มีคุณสมบัติname="Sex"เช่นเดียวกับคุณลักษณะvalue="M": <input type="radio" name="Sex" value="M" /> ไม่ควรเลือกองค์ประกอบดังต่อไปนี้: <input type="radio" name="Sex" value="F" />

295 css  attributes  css-selectors 

ฉันต้องการม้าหมุน DIV (s7) เพื่อขยายความสูงของหน้าจอทั้งหมด ฉันไม่รู้ว่าทำไมมันถึงไม่สำเร็จ หากต้องการดูหน้าเว็บที่คุณสามารถไปที่นี่ body { height: 100%; color: #FFF; font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif; background: #222 url('') no-repeat center center fixed; overflow: hidden; background-size: cover; margin: 0; padding: 0; } .holder { height: 100%; margin: auto; } #s7 { width: 100%; height: 100%: margin: auto; overflow: …

295 html  css  height 

กฎ CSS ต่อไปนี้ทำอะไร: .clear { clear: both; } และทำไมเราต้องใช้มัน?

293 css  css-float 

ฉันกำลังสร้างเลย์เอาต์ที่ตอบสนองกับ navbar คงที่ด้านบน ใต้ฉันมีสองคอลัมน์หนึ่งคอลัมน์สำหรับแถบด้านข้าง (3) และอีกหนึ่งคอลัมน์สำหรับเนื้อหา (9) อันไหนบนเดสก์ท็อปหน้าตาแบบนี้ navbar [3] [9] เมื่อฉันresizeไปที่มือถือnavbarถูกบีบอัดและซ่อนแถบด้านข้างจะซ้อนกันอยู่ด้านบนของเนื้อหาเช่นนี้: navbar [3] [9] ฉันต้องการเนื้อหาหลักที่ด้านบนดังนั้นฉันต้องเปลี่ยนคำสั่งซื้อบนมือถือเป็น: navbar [9] [3] ฉันพบบทความนี้ซึ่งครอบคลุมประเด็นเดียวกัน แต่คำตอบที่ยอมรับได้รับการแก้ไขแล้วเพื่อบอกว่าวิธีแก้ไขไม่ได้ใช้กับ Bootstrap รุ่นปัจจุบัน ฉันจะเรียงลำดับคอลัมน์เหล่านี้บนมือถือได้อย่างไร หรืออีกวิธีหนึ่งฉันจะนำรายชื่อกลุ่มแถบด้านข้างไปไว้ในแถบนำทางที่ขยายเพิ่มได้อย่างไร นี่คือรหัสของฉัน: <div class="navbar navbar-inverse navbar-static-top"> <div class="container"> <a href="#" class="navbar-brand">Brand Title</a> <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse …

293 html  css  twitter-bootstrap  multiple-columns