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

คุณเลือกที่จะใช้Stack Overflow ในแบบของคุณ : Чтотакое Bootstrap? มีคำถามมากมายที่เกี่ยวข้องกับ Bootstrap ฉันเห็นผู้คนมากมายใช้มัน ดังนั้นฉันจึงพยายามค้นคว้าและพบเว็บไซต์ Bootstrap อย่างเป็นทางการแต่มีเพียงส่วนดาวน์โหลดและไม่กี่คำหลังจากนั้น ไม่มีอะไรที่อธิบายว่ามันคืออะไรสำหรับ ... ฉันเพิ่งเข้าใจว่ามันเป็นผู้ช่วย front-end ฉันพยายามค้นหาบางสิ่งด้วย Googling แต่ไม่พบสิ่งใดที่เจาะจง ทุกสิ่งที่ฉันพบเกี่ยวข้องกับคำนิยามด้านวิทยาศาสตร์คอมพิวเตอร์ ดังนั้นคำถามของฉันคือ: Bootstrap คืออะไร? ใช้สำหรับอะไรและช่วยพัฒนาส่วนหน้าได้อย่างไร ฉันต้องการรายละเอียดเพิ่มเติมอธิบาย

512 html  css  twitter-bootstrap  frontend 

ฉันทราบว่าคุณสามารถระบุสไตล์ภายในคลาส React เช่นนี้: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); ฉันควรตั้งเป้าหมายที่จะจัดแต่งทรงผมด้วยวิธีนี้และไม่มีสไตล์ตามที่ระบุไว้ในไฟล์ CSS ของฉันหรือไม่? หรือฉันควรหลีกเลี่ยงรูปแบบอินไลน์อย่างสมบูรณ์? ดูเหมือนแปลกและยุ่งเหยิงที่จะทำทั้งสองอย่างเล็กน้อย - สถานที่สองแห่งจะต้องได้รับการตรวจสอบเมื่อปรับแต่งสไตล์

512 css  reactjs  inline-styles  react-jsx 

คุณสมบัตินี้text-align: center;เป็นวิธีที่ดีในการจัดกึ่งกลางภาพโดยใช้ CSS หรือไม่? img { text-align: center; }

511 html  css 

ฉันกำลังมองหาตัวเลือก CSS สำหรับตารางต่อไปนี้: Peter | male | 34 Susanne | female | 12 มีตัวเลือกใดที่จะตรงกับ TD ทั้งหมดที่มี "male" หรือไม่?

511 css  css-selectors 

อย่างไรก็ตามมีการนำเข้าไฟล์ CSS ปกติด้วย@importคำสั่งของ Sass หรือไม่? ในขณะที่ฉันไม่ได้ใช้ไวยากรณ์ SCSS ทั้งหมดจาก sass ฉันยังคงสนุกกับการรวม / บีบอัดคุณสมบัติและต้องการใช้โดยไม่ต้องเปลี่ยนชื่อไฟล์ทั้งหมดเป็น * .scss

509 css  sass 

ฉันสามารถทำให้ Firefox ไม่แสดงเส้นขอบโฟกัสที่น่าเกลียดในลิงก์ด้วย: a:focus { outline: none; } แต่ฉันจะทำเช่นนี้กับ<button>แท็กได้อย่างไร เมื่อฉันทำสิ่งนี้: button:focus { outline: none; } ปุ่มยังคงมีเส้นขอบโฟกัสอยู่เมื่อฉันคลิก (และใช่ฉันรู้ว่านี่เป็นปัญหาการใช้งาน แต่ฉันต้องการให้คำแนะนำการโฟกัสของฉันเองซึ่งเหมาะสมกับการออกแบบแทนที่จะเป็นจุดสีเทาน่าเกลียด)

507 css  firefox 

ฉันมี<div>องค์ประกอบและฉันต้องการที่จะวางเส้นขอบบนมัน ฉันรู้ว่าฉันสามารถเขียนstyle="border: 1px solid black"ได้ แต่นี่เพิ่ม 2px ไปที่ด้านใดด้านหนึ่งของ div ซึ่งไม่ใช่สิ่งที่ฉันต้องการ ฉันอยากให้เส้นขอบนี้เป็น -1px จากขอบของ div ตัวหารเองคือ 100px x 100px และถ้าฉันเพิ่มเส้นขอบแล้วฉันต้องทำคณิตศาสตร์เพื่อทำให้เส้นขอบปรากฏ มีวิธีใดบ้างที่ฉันสามารถทำให้เส้นขอบปรากฏและตรวจสอบให้แน่ใจว่ากล่องนั้นยังคงเป็น 100px (รวมถึงเส้นขอบด้วย)

506 html  css  border 

มีวิธีการสร้างประโยคใด ๆ ใน jQuery เพื่อกำหนดแอตทริบิวต์ CSS หลายรายการโดยไม่ต้องใส่สตริงทุกอย่างออกทางด้านขวาดังนี้: $("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt"); ถ้าคุณบอกว่า 20 รหัสของคุณจะอ่านยากการแก้ปัญหาใด ๆ จาก jQuery API ตัวอย่างเช่น jQuery เข้าใจและส่งคืนค่าที่ถูกต้องสำหรับทั้งคู่ .css({ "background-color": "#ffe", "border-left": "5px solid #ccc" }) และ .css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }). โปรดสังเกตว่าด้วยสัญกรณ์ DOM เครื่องหมายอัญประกาศรอบชื่อคุณสมบัตินั้นเป็นทางเลือกแต่ด้วยสัญกรณ์ CSS ที่ต้องการเนื่องจากเครื่องหมายขีดคั่นในชื่อ

504 jquery  css 

ทำไมในรหัสต่อไปนี้ความสูงของตัวdivใหญ่กว่าความสูงของimg? มีช่องว่างด้านล่างของภาพ แต่ดูเหมือนว่าจะไม่เป็นช่องว่างภายใน / ขอบ ช่องว่างหรือพื้นที่พิเศษด้านล่างของภาพคืออะไร #wrapper { border: 1px solid red; width:200px; } img { width:200px; } <div id="wrapper"> <img src="http://i.imgur.com/RECDV24.jpg" /> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

503 html  css  image 

ฉันต้องการใช้ CSS text-overflowในเซลล์ตารางเช่นหากข้อความยาวเกินกว่าจะใส่ลงในหนึ่งบรรทัดได้ก็จะตัดด้วยจุดไข่ปลาแทนการพันเป็นหลายบรรทัด เป็นไปได้ไหม ฉันลองสิ่งนี้: td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } แต่white-space: nowrapดูเหมือนว่าจะทำให้ข้อความ (และเซลล์ของมัน) ขยายออกไปทางขวาอย่างต่อเนื่องผลักดันความกว้างทั้งหมดของตารางเกินความกว้างของภาชนะ อย่างไรก็ตามหากไม่มีข้อความจะยังคงพันบรรทัดต่อเมื่อถึงขอบของเซลล์

500 css  overflow 

มีวิธีใดบ้างในการแสดงความรู้สึกng-classที่มีเงื่อนไข? ตัวอย่างเช่นฉันได้ลองทำสิ่งต่อไปนี้: <span ng-class="{test: 'obj.value1 == \'someothervalue\''}">test</span> ปัญหาของรหัสนี้คือไม่ว่าจะเกิดอะไรobj.value1ขึ้นการทดสอบในชั้นเรียนจะถูกนำไปใช้กับองค์ประกอบเสมอ ทำสิ่งนี้: <span ng-class="{test: obj.value2}">test</span> ตราบobj.value2ใดที่ไม่เท่ากับค่าความจริงชั้นเรียนที่ไม่ได้ใช้ ตอนนี้ฉันสามารถแก้ไขปัญหาในตัวอย่างแรกโดยทำสิ่งนี้: <span ng-class="{test: checkValue1()}">test</span> ที่checkValue1ฟังก์ชั่นมีลักษณะเช่นนี้ $scope.checkValue1 = function() { return $scope.obj.value === 'somevalue'; } ฉันแค่สงสัยว่านี่เป็นวิธีng-classการทำงาน ฉันกำลังสร้างคำสั่งที่กำหนดเองซึ่งฉันต้องการทำสิ่งที่คล้ายกับสิ่งนี้ อย่างไรก็ตามฉันไม่สามารถหาวิธีดูการแสดงออก (และอาจเป็นไปไม่ได้และสาเหตุที่มันเป็นเช่นนี้) นี่คือplnkrเพื่อแสดงสิ่งที่ฉันหมายถึง

499 html  css  angularjs 

ฉันกำลังทำงานบนหน้าเว็บใน Google Chrome มันแสดงอย่างถูกต้องด้วยสไตล์ดังต่อไปนี้ table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } โปรดทราบว่าฉันไม่ได้กำหนดสไตล์เหล่านี้ ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome จะบอกว่าสไตล์ชีทของตัวแทนผู้ใช้แทนที่ชื่อไฟล์ CSS ตอนนี้ถ้าฉันส่งแบบฟอร์มและมีข้อผิดพลาดในการตรวจสอบเกิดขึ้นฉันได้รับสไตล์ชีทต่อไปนี้: table { white-space: normal; line-height: normal; font-weight: normal; font-size: medium; font-variant: normal; font-style: normal; color: -webkit-text; text-align: -webkit-auto; } table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; …

499 css  google-chrome 

ด้วย CSS3 border สิ่งใหม่ที่เกิดขึ้น ( -webkit, ... ) ตอนนี้เป็นไปได้หรือไม่ที่จะเพิ่มเส้นขอบให้กับแบบอักษรของคุณ? (เช่นเดียวกับเส้นขอบสีขาวทึบรอบโลโก้ Twitter สีน้ำเงิน) ถ้าไม่มีมีแฮ็คที่ไม่น่าเกลียดเกินไปที่จะทำสิ่งนี้ใน CSS / XHTML หรือฉันยังต้องเปิดไฟ Photoshop หรือไม่?

491 css  fonts 

เมื่อเขียนเคียวรีสื่อบันทึก CSS มีวิธีใดบ้างที่คุณสามารถระบุหลายเงื่อนไขด้วยตรรกะ "OR" ฉันกำลังพยายามทำสิ่งนี้: /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... }

490 css  media-queries 

เป็นไปได้หรือไม่ที่จะเลือกองค์ประกอบใน CSS โดยใช้แอตทริบิวต์ข้อมูล HTML5 (เช่นdata-role)

488 css  html  css-selectors  custom-data-attribute