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

ฉันมีแบบอักษรสำหรับเว็บแบบกำหนดเองที่ใช้ในไซต์ของฉัน ในการจัดรูปแบบเอาต์พุตการเรนเดอร์ของฉันฉันใช้รหัสต่อไปนี้: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; ใช้งานได้ดีบน Safari และ Chrome (ขอบคมกว่าและเส้นบางลง) มีวิธีใดบ้างในการปรับใช้สไตล์เดียวกันบน Firefox และ Opera

112 css  fonts  webfonts  antialiasing 

ฉันพบตัวเลือก CSS ต่อไปนี้ในสไตล์ชีตตัวแทนผู้ใช้ของ Google Chrome: [type="checkbox" i] อะไรiหมายถึง?

112 css  css-selectors 

เมื่อตั้งค่าขนาดของฟอนต์ใน CSS ฉันควรใช้ค่าเปอร์เซ็นต์ ( %) หรือem? คุณสามารถอธิบายข้อดีได้หรือไม่?

112 css  fonts  font-size 

ฉันเคยใช้LESS.jsมาก่อน ใช้งานง่ายบางอย่างเช่น <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> ผมเห็นSASS.js ฉันจะใช้มันในลักษณะเดียวกันได้อย่างไร? การแยกวิเคราะห์ไฟล์ SASS เพื่อใช้ใน HTML ทันที ดูเหมือนว่า SASS.js จะใช้กับNode.js มากกว่า ? var sass = require('sass') sass.render('... string of sass ...') // => '... string of css ...' sass.collect('... string of sass ...') // => { selectors: [...], variables: { ... …

112 css  sass  less 

เป้าหมายคือให้<svg>องค์ประกอบขยายถึงขนาดของคอนเทนเนอร์ระดับบนสุดในกรณีนี้<div>คือไม่ว่าคอนเทนเนอร์นั้นจะใหญ่หรือเล็กเพียงใด รหัส: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> </svg> </div> วิธีแก้ปัญหาที่พบบ่อยที่สุดสำหรับปัญหานี้คือการตั้งค่าviewBoxแอตทริบิวต์ใน<svg>องค์ประกอบ viewBox="0 0 widthOfContainer heightOfContainer" อย่างไรก็ตามสิ่งนี้ดูเหมือนจะใช้ไม่ได้ในกรณีที่องค์ประกอบภายใน<svg>องค์ประกอบมีความกว้างและ / หรือความสูงที่กำหนดไว้ล่วงหน้า ตัวอย่างเช่น<rect>องค์ประกอบในโค้ดด้านบนมีการกำหนดความกว้างและความสูงไว้อย่างชัดเจน ดังนั้นวิธีแก้ปัญหาที่ชัดเจนคือการใช้% widths และ% height กับองค์ประกอบเหล่านั้นด้วย แต่สิ่งนี้ต้องทำหรือไม่? โดยเฉพาะอย่างยิ่งเนื่องจาก<img src=test.svg >ทำงานได้ดีและขยาย / สัญญาโดยไม่มีปัญหาใด ๆ กับ<rect>ความสูงและความกว้างที่ตั้งไว้อย่างชัดเจน หากองค์ประกอบเช่น<rect>และองค์ประกอบอื่น ๆ เช่นนั้นจะต้องมีความกว้างและความสูงกำหนดไว้เป็นเปอร์เซ็นต์มีวิธีใดบ้างใน …

112 css  html  svg  responsive-design 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันได้ค้นหาเว็บไซต์นี้เพื่อค้นหาแถบความคืบหน้า แต่สิ่งที่ฉันสามารถพบได้แสดงวงกลมที่เคลื่อนไหวได้เต็ม 100% ฉันต้องการให้หยุดที่เปอร์เซ็นต์บางอย่างเช่นในภาพหน้าจอด้านล่าง มีวิธีใดบ้างที่ฉันสามารถทำได้โดยใช้ CSS เพียงอย่างเดียว

112 html  css  progress-bar  progress  css-shapes 

ฉันกำลังพยายามผสมbackground-imageและbackground-sizeคุณสมบัติในbackgroundทรัพย์สินชวเลข ตามเอกสาร W3C background-sizeควรมาหลังจากbackground-positionคุณสมบัติที่คั่นด้วยเครื่องหมายทับ ( /) ตัวอย่าง W3C: p { background: url("chess.png") 40% / 10em gray round fixed border-box; } เทียบเท่ากับ: p { background-color: gray; background-position: 40% 50%; background-size: 10em 10em; background-repeat: round round; background-clip: border-box; background-origin: border-box; background-attachment: fixed; background-image: url(chess.png) } MDNพูดในสิ่งเดียวกัน ฉันยังพบนี้และนี้บทความเกี่ยวกับอสังหาริมทรัพย์พื้นหลังจดชวเลข CSS3 อธิบายนี้ แต่ไม่ได้ผล! นอกจากนี้ยังไม่ชัดเจนว่าจะทำให้การจดชวเลขbackgroundคุณสมบัติเมื่อbackground-sizeและbackground-positionมีสองค่าที่แตกต่างกันสำหรับการbackground-position-xและหรือสิ่งเดียวกันสำหรับbackground-position-y background-sizeยังไม่ชัดเจนว่าเครื่องหมายทับ …

112 css 

HTML5 มีแอตทริบิวต์ส่วนกลางใหม่hiddenซึ่งสามารถใช้เพื่อซ่อนเนื้อหาได้ <article hidden> <h2>Article #1</h2> <p>Lorem ipsum ...</p> </article> CSS มีdisplay:noneกฎซึ่งสามารถใช้เพื่อซ่อนเนื้อหาได้ article { display:none; } ภาพเหมือนกัน ความแตกต่างทางความหมายคืออะไร? คำนวณ? ฉันควรพิจารณาแนวทางใดในการใช้อย่างใดอย่างหนึ่งเมื่อใด TIA. แก้ไข : จากการตอบสนองของ @ newtron (ด้านล่าง) ฉันทำการค้นหามากขึ้น ) อาจจะพยายามที่จะอ่านมัน ดังนั้นตอนนี้ฉันยอมรับว่าคำตอบของ @ newtron นั้นถูกต้องแม้ว่าอาจจะ (เนื้อหา) ไม่ชัดเจนเท่าที่ฉันต้องการ ขอบคุณ @newtron สำหรับความช่วยเหลือของคุณhiddenแอตทริบิวต์กล่าวได้รับการโต้แย้งอย่างมากเมื่อปีที่แล้วและ (ดูเหมือน) แทบจะไม่ทำให้เป็นข้อมูลจำเพาะของ HTML5 บางคนแย้งว่ามันซ้ำซ้อนและไม่มีจุดมุ่งหมาย จากสิ่งที่ฉันสามารถบอกได้การประเมินขั้นสุดท้ายคือ: หากฉันกำหนดเป้าหมายเฉพาะเว็บเบราว์เซอร์ก็ไม่มีความแตกต่าง (หน้าหนึ่งยืนยันว่าเว็บเบราว์เซอร์ใช้display:noneเพื่อใช้แอตทริบิวต์ที่ซ่อนอยู่) แต่ถ้าฉันกำลังพิจารณาความสามารถในการเข้าถึง (เช่นบางทีฉันคาดว่าเนื้อหาของฉันจะถูกอ่านโดยโปรแกรมอ่านหน้าจอ) ก็มีความแตกต่าง กฎ …

112 css  html  visibility 

ฉันใหม่มากกับ HTML / CSS และฉันกำลังพยายามแสดงข้อความบางส่วนเหมือนโปร่งใส 50% จนถึงตอนนี้ฉันมี HTML เพื่อแสดงข้อความที่มีความทึบเต็ม <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> อย่างไรก็ตามฉันไม่แน่ใจว่าจะเปลี่ยนความทึบได้อย่างไร ฉันพยายามค้นหาออนไลน์แล้ว แต่ฉันไม่แน่ใจว่าจะทำอย่างไรกับรหัสที่ฉันพบ

112 html  css  opacity 

ฉันหมายถึงปุ่มตัวเลือกประกอบด้วยรูปทรงกลมและจุดตรงกลาง (เมื่อเลือกปุ่ม) สิ่งที่ฉันต้องการเปลี่ยนคือสีของทั้งสองอย่าง สามารถทำได้โดยใช้ CSS หรือไม่?

112 html  css  forms  radio-button 

ฉันเคยลองแล้ว แต่ผิดพลาด นี่คือ css body .modal-ku { width: 750px; } และนี่คือผลลัพธ์ที่ล้มเหลว

112 html  css  twitter-bootstrap-3 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันต้องการแก้ไขไฟล์ SCSS ใน Eclipse โดยเฉพาะด้วยการเน้นไวยากรณ์สำหรับ.scssไฟล์ ฉันพบว่าทรัพยากรเหล่านี้มีค่า: http://sass-lang.com/editors.html - ไม่มีตัวแก้ไขสำหรับไฟล์. scss เท่านั้น. sass http://colorer.sourceforge.net/eclipsecolorer - มีเฉพาะไฟล์. scss ฉันจะรวมการพัฒนา SCSS ภายใน Eclipse editor ได้อย่างไร หรือโดยทั่วไปแล้วฉันจะรวม CSS pre-processor เข้ากับ Eclipse ได้อย่างไร

111 css  eclipse  sass  eclipse-plugin 

ฉันได้ติดตั้งไอคอนฟอนต์ 4.0.3 ที่ยอดเยี่ยมโดยใช้npm install. หากฉันต้องการใช้จากโมดูลโหนดฉันจะใช้ในไฟล์ html ได้อย่างไร หากฉันต้องการแก้ไขไฟล์ที่น้อยกว่าฉันจำเป็นต้องแก้ไขในโมดูลโหนดหรือไม่

111 css  node.js  less  npm  font-awesome 

ไม่มีใครรู้คำนำหน้าผู้ขายสำหรับการไล่ระดับสีภายใน IE9 หรือเราควรจะยังคงใช้ตัวกรองที่เป็นกรรมสิทธิ์ของพวกเขาอยู่หรือไม่? สิ่งที่ฉันมีสำหรับเบราว์เซอร์อื่น ๆ คือ: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */ เป็นโบนัสไม่มีใครรู้คำนำหน้าผู้ขายของ Opera เช่นกัน?

111 css  background  internet-explorer-9  gradient 

ฉันมีปัญหากับกิริยา ฉันมีปุ่มบนหน้าซึ่งจะสลับโมดอล เมื่อโมดอลปรากฏขึ้นหน้าจะกระโดดขึ้นไปด้านบน ฉันทำทุกอย่างเท่าที่ทำได้เพื่อหาทางแก้ไข / ฯลฯ แต่ฉันหลงทางจริงๆ แก้ไข: ฉันได้ลองด้วย: $('#myModal').modal('show');แต่มันก็มีผลเช่นเดียวกัน

111 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3