การเขียนโปรแกรม css

16

ฉันจะรวมภาพพื้นหลังและการไล่ระดับสี CSS3 กับองค์ประกอบเดียวกันได้อย่างไร

ฉันจะใช้การไล่ระดับสี CSS3 สำหรับของฉันbackground-colorแล้วนำ a background-imageไปใช้กับพื้นผิวแบบบาง ๆ ที่โปร่งใสได้อย่างไร

1250 css background-image gradient

9

อักขระใดถูกต้องในชื่อคลาส / ตัวเลือก CSS

อนุญาตให้ใช้อักขระ / สัญลักษณ์ใดได้บ้างในตัวเลือกคลาสCSS ฉันรู้ว่าตัวอักษรต่อไปนี้ไม่ถูกต้องแต่ตัวอักษรอะไรถูกต้อง ? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | ` #

1203 css css-selectors

24

ฉันจะเพิ่มคลาสให้กับองค์ประกอบที่กำหนดได้อย่างไร

ฉันมีองค์ประกอบที่มีคลาสอยู่แล้ว: <div class="someclass"> <img ... id="image1" name="image1" /> </div> ตอนนี้ฉันต้องการสร้างฟังก์ชั่น JavaScript ที่จะเพิ่มคลาสให้กับdiv(ไม่แทนที่ แต่เพิ่ม) ฉันจะทำสิ่งนั้นได้อย่างไร

1186 javascript css dom-manipulation

30

การปรับขนาดตัวอักษรตามความกว้างของคอนเทนเนอร์

ฉันมีปัญหาในการปรับขนาดตัวอักษร ขณะนี้ฉันมีเว็บไซต์นี้ที่มีเนื้อหาfont-size100% 100% ของสิ่งที่คิดว่า? ดูเหมือนว่าจะคำนวณด้วยความละเอียด 16 พิกเซล ฉันรู้สึกว่า 100% จะอ้างถึงขนาดของหน้าต่างเบราว์เซอร์ แต่อย่างใด แต่ไม่ใช่เพราะมันเป็น 16 พิกเซลเสมอไม่ว่าจะเป็นการปรับขนาดหน้าต่างให้เป็นความกว้างของมือถือหรือเดสก์ท็อปแบบจอกว้างเต็มจอ ฉันจะทำให้ข้อความในระดับไซต์ของฉันสัมพันธ์กับที่เก็บได้อย่างไร ฉันลองใช้emแต่ก็ไม่ได้ปรับขนาดเหมือนกัน เหตุผลของฉันคือสิ่งต่าง ๆ เช่นเมนูของฉันกลายเป็น squished เมื่อคุณปรับขนาดดังนั้นฉันจำเป็นต้องลดpx font-sizeจำนวนของ.menuItemองค์ประกอบอื่น ๆ ที่เกี่ยวข้องกับความกว้างของภาชนะ (ตัวอย่างเช่นในเมนูบนเดสก์ท็อปขนาดใหญ่22pxทำงานได้อย่างสมบูรณ์แบบเลื่อนลงไปที่ความกว้างแท็บเล็ตและ16pxเหมาะสมกว่า) ฉันรู้ว่าฉันสามารถเพิ่มเบรกพอยต์ได้ แต่ฉันต้องการให้ข้อความขยายขนาดและมีเบรกพอยต์เป็นพิเศษมิฉะนั้นฉันจะจบด้วยเบรกพอยต์หลายร้อยตัวสำหรับความกว้างลดลง 100pixels ทุกครั้งเพื่อควบคุมข้อความ

1186 css responsive-design font-size

30

ฉันจะจัดแนวข้อความใน div ในแนวตั้งได้อย่างไร

ฉันพยายามหาวิธีที่มีประสิทธิภาพที่สุดในการจัดแนวข้อความกับ div ฉันลองทำบางสิ่งแล้วก็ดูเหมือนจะไม่มีอะไรทำงาน .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align: middle; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 1em 0 1em 0; } <div class="testimonialText"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut …

1184 html css vertical-alignment

22

วิธีที่ดีที่สุดในการสมัครเรียนแบบมีเงื่อนไขคืออะไร?

ช่วยบอกว่าคุณมีอาร์เรย์ที่แสดงผลในulมีสระสำหรับแต่ละองค์ประกอบและคุณสมบัติในตัวควบคุมที่เรียกว่าli selectedIndexอะไรจะเป็นวิธีที่ดีที่สุดในการเพิ่มคลาสเข้าliกับดัชนีselectedIndexใน AngularJS ขณะนี้ฉันกำลังทำสำเนา (ด้วยมือ) liโค้ดและเพิ่มคลาสให้กับหนึ่งในliแท็กและใช้ng-showและng-hideเพื่อแสดงเพียงหนึ่งรายการliต่อดัชนี

1183 css angularjs

30

วิธีการทำให้เมนู Bootstrap ของ Twitter หล่นลงบนโฮเวอร์แทนที่จะคลิก

ฉันต้องการให้เมนู Bootstrap ของฉันวางลงบนโฮเวอร์โดยอัตโนมัติแทนที่จะต้องคลิกที่ชื่อเมนู ฉันต้องการจะสูญเสียลูกศรเล็ก ๆ ถัดจากชื่อเมนู

1181 css drop-down-menu twitter-bootstrap

18

ความแตกต่างระหว่างการมองเห็นคือ: ซ่อนอยู่และแสดง: ไม่มี?

กฎ CSS visibility:hiddenและdisplay:noneทั้งคู่ทำให้องค์ประกอบไม่สามารถมองเห็นได้ คำพ้องความหมายเหล่านี้คืออะไร?

1173 css visibility

25

วิธีจัดแนวเนื้อหาของ div ให้อยู่ด้านล่าง

สมมติว่าฉันมีรหัส CSS และ HTML ดังต่อไปนี้: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ส่วนหัวมีความสูงคงที่ แต่เนื้อหาส่วนหัวอาจเปลี่ยนไป ฉันต้องการเนื้อหาของส่วนหัวที่จะจัดตำแหน่งในแนวตั้งที่ด้านล่างของส่วนหัวดังนั้นบรรทัดสุดท้ายของข้อความ "sticks" ที่ด้านล่างของส่วนหัว ดังนั้นหากมีข้อความเพียงบรรทัดเดียวมันจะเป็นเช่น: ----------------------------- | ชื่อส่วนหัว | | | | เนื้อหาส่วนหัว (ส่งผลให้หนึ่งบรรทัด) ----------------------------- และถ้ามีสามบรรทัด: ----------------------------- | ชื่อส่วนหัว | | เนื้อหาส่วนหัว (ซึ่งเป็นเช่นนั้น | สิ่งที่สมบูรณ์แบบมาก | ครอบคลุมมากกว่าสามบรรทัด) …

1163 html css vertical-alignment

30

จัดคอลัมน์ให้อยู่กึ่งกลางโดยใช้ Twitter Bootstrap 3

ฉันจะกำหนดขนาดของคอลัมน์หนึ่งคอลัมน์ไว้ในคอนเทนเนอร์ (12 คอลัมน์) ในTwitter Bootstrap 3 ได้อย่างไร .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ฉันต้องการ a divโดยมีคลาส.centeredให้อยู่กึ่งกลางภายในคอนเทนเนอร์ ฉันอาจใช้แถวถ้ามีหลายdivs แต่ตอนนี้ฉันต้องการ a ที่divมีขนาดหนึ่งคอลัมน์ที่อยู่กึ่งกลางภายในคอนเทนเนอร์ (12 คอลัมน์) ฉันยังไม่แน่ใจว่าวิธีการข้างต้นดีพอเนื่องจากความตั้งใจที่จะไม่ชดเชยdivครึ่ง ฉันไม่ต้องการพื้นที่ว่างด้านนอกdivและเนื้อหาของdivสัดส่วนที่ลดลง ฉันต้องการพื้นที่ว่างด้านนอก div เพื่อกระจายอย่างเท่าเทียมกัน (ลดขนาดจนถึงความกว้างคอนเทนเนอร์เท่ากับหนึ่งคอลัมน์)

1146 css twitter-bootstrap twitter-bootstrap-3 centering

30

ซ่อนแถบเลื่อน แต่ในขณะที่ยังคงสามารถเลื่อนได้

ฉันต้องการที่จะเลื่อนดูทั้งหน้า แต่ไม่มีแถบเลื่อนที่แสดง ใน Google Chrome มันคือ: ::-webkit-scrollbar { display: none; } แต่ Mozilla Firefox และ Internet Explorer ดูเหมือนจะไม่ทำงานเช่นนั้น ฉันยังลองใน CSS: overflow: hidden; มันซ่อนแถบเลื่อน แต่ฉันไม่สามารถเลื่อนได้อีก มีวิธีที่ฉันสามารถลบแถบเลื่อนในขณะที่ยังสามารถเลื่อนหน้าทั้งหมดได้หรือไม่? ด้วย CSS หรือ HTML

1128 html css google-chrome internet-explorer firefox

30

วิธีการจัดองค์ประกอบตำแหน่งที่แน่นอนใน div?

ฉันต้องวางองค์ประกอบdiv(พร้อมposition:absolute;) ในใจกลางหน้าต่างของฉัน แต่ผมกำลังมีปัญหาในการทำเช่นนั้นเพราะมีความกว้างไม่เป็นที่รู้จัก ฉันลองสิ่งนี้ แต่จำเป็นต้องปรับเนื่องจากความกว้างตอบสนองได้ .center { left: 50%; bottom:5px; } ความคิดใด ๆ

1078 css css-position center absolute

30

ฉันจะลบช่องว่างระหว่างองค์ประกอบ inline / inline-block ได้อย่างไร

รับ HTML และ CSS นี้: span { display:inline-block; width:100px; background-color:palevioletred; } <p> <span> Foo </span> <span> Bar </span> </p> เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล ดังนั้นจะมีช่องว่างกว้าง 4 พิกเซลระหว่างองค์ประกอบ SPAN การสาธิต: http://jsfiddle.net/dGHFV/ ฉันเข้าใจว่าทำไมสิ่งนี้ถึงเกิดขึ้นและฉันก็รู้ว่าฉันสามารถกำจัดพื้นที่นั้นได้ด้วยการลบช่องว่างสีขาวระหว่างองค์ประกอบ SPAN ในซอร์สโค้ด HTML เช่น: <p> <span> Foo </span><span> Bar </span> </p> อย่างไรก็ตามฉันหวังว่าโซลูชัน CSS ที่ไม่ต้องการซอร์สโค้ด HTML จะต้องได้รับการแก้ไข ฉันรู้วิธีแก้ปัญหานี้ด้วย JavaScript - โดยการลบโหนดข้อความจากองค์ประกอบภาชนะ (ย่อหน้า) เช่น: …

1066 html css

25

รักษาอัตราส่วนภาพของ div ด้วย CSS

ฉันต้องการสร้าง divที่สามารถเปลี่ยนความกว้าง / ความสูงได้เมื่อความกว้างของหน้าต่างเปลี่ยนไป มีกฎ CSS3 ใด ๆ ที่จะช่วยให้ความสูงในการเปลี่ยนแปลงตามความกว้างในขณะที่รักษาอัตราส่วน ? ฉันรู้ว่าฉันสามารถทำได้ผ่าน JavaScript แต่ฉันต้องการใช้ CSS เท่านั้น

1058 html css responsive-design aspect-ratio

27

วิธีการใช้ CSS กับ iframe?

ฉันมีหน้าง่าย ๆ ที่มีบางส่วน iframe (เพื่อแสดงลิงก์ RSS) ฉันจะใช้รูปแบบ CSS เดียวกันจากหน้าหลักไปยังหน้าที่แสดงใน iframe ได้อย่างไร

1017 html css iframe rss

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