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

14

ฉันจะใช้สไตล์ CSS อย่างมีเงื่อนไขใน AngularJS ได้อย่างไร

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

309 css angularjs

18

การขยายพาเรนต์ <div> เป็นความสูงของลูก

ฉันมีโครงสร้างหน้าคล้ายกับนี้: <body> <div id="parent"> <div id="childRightCol"> /*Content*/ </div> <div id="childLeftCol"> /*Content*/ </div> </div> </body> ฉันต้องการสำหรับผู้ปกครองdivที่จะขยายในheightเมื่อภายในdiv's heightเพิ่มขึ้น แก้ไข: ปัญหาหนึ่งคือถ้าwidthเนื้อหาลูกขยายผ่านwidthหน้าต่างเบราว์เซอร์ CSS ปัจจุบันของฉันวางแถบเลื่อนแนวนอนบนพาเรนdivต์ ฉันต้องการให้แถบเลื่อนอยู่ในระดับหน้าเว็บ ขณะนี้ div หลักของฉันถูกตั้งค่าเป็นoverflow: auto; คุณช่วยฉันด้วย CSS ให้หน่อยได้ไหม?

308 html css

12

ฉันควรปรับขนาด textarea ด้วยแอตทริบิวต์ CSS width / height หรือ HTML cols / rows

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

307 html css textarea

30

การล้างส่วนท้ายไปยังด้านล่างของหน้า twitter bootstrap

โดยทั่วไปฉันคุ้นเคยกับเทคนิคการล้างส่วนท้ายด้วย CSS แต่ฉันมีปัญหาในการรับวิธีนี้ในการทำงานกับ bootstrap ของ Twitter เป็นไปได้มากที่สุดเนื่องจากการที่ bootstrap ของ Twitter นั้นตอบสนองโดยธรรมชาติ การใช้ bootstrap ของ Twitter ฉันไม่สามารถดึงส่วนท้ายเพื่อล้างข้อมูลไปที่ด้านล่างของหน้าโดยใช้วิธีการที่อธิบายไว้ในโพสต์บล็อกด้านบน

306 css twitter-bootstrap footer

30

ซ่อนข้อความโดยใช้ CSS

ฉันมีแท็กใน html ของฉันเช่นนี้: <h1>My Website Title Here</h1> ใช้ css ฉันต้องการแทนที่ข้อความด้วยโลโก้จริงของฉัน ฉันมีโลโก้ที่ไม่มีปัญหาผ่านการปรับขนาดแท็กและวางภาพพื้นหลังในทาง css อย่างไรก็ตามฉันไม่สามารถหาวิธีกำจัดข้อความได้ ฉันเคยเห็นมันทำมาก่อนโดยการผลักข้อความออกจากหน้าจอ ปัญหาคือฉันไม่สามารถจำได้ว่าฉันเห็นมันที่ไหน

306 css

14

เป็นเรื่องที่โง่ ๆ ที่ favicon ตัวเล็ก ๆ นั้นต้องการ HTTP อีกอันหรือไม่ ฉันจะใส่ favicon ในเทพดาได้อย่างไร?

โปรดปรานหมดอายุใน 5 วัน คำตอบสำหรับคำถามนี้มีสิทธิ์ได้รับ+100ชื่อเสียง Rouninกำลังมองหาคำตอบจากแหล่งที่เชื่อถือได้ ทุกคนรู้วิธีตั้งค่าลิงค์ favicon.ico ใน HTML: <link rel="shortcut icon" href="http://hi.org/icon.ico" type="image/x-icon"> แต่ผมคิดว่ามันเป็นเพียงโง่ที่เล็ก ๆ หลายไบต์ไอคอนที่คุณต้องการเลยร้องขอ HTTP อีก ฉันจึงสงสัยว่าฉันจะทำให้ส่วนภาพของ sprite (เช่นbackground-position=0px -200px;) เป็นไปได้อย่างไรเพื่อเร่งความเร็วและบันทึกคำขอ HTTP ที่มีค่านั้น ฉันจะนำสิ่งนี้ไปเป็นภาพสไปรท์ที่มีโลโก้และงานศิลปะอื่น ๆ ได้อย่างไร หุ่นยนต์ที่ชี้ไปยังfavicon.icoหมายเลขรายการ 31 บนกราฟน้ำตกเป็นสัตว์เลี้ยงของฉัน ZAM เขามักจะมีความสุขมากกว่าและเขาก็มีจุดดีที่ทำให้ฉันรู้ว่าถึงเวลาสำหรับการอัพเกรดความคิดสร้างสรรค์บนเว็บแม้ว่าเขาและฉันจะไม่เห็นด้วยกับชุดของเขาซึ่งฉันคิดว่าวันนี้โง่ไปหน่อย ...

306 javascript html css performance favicon

14

วิธีเพิ่มช่องว่างระหว่างข้อความและขีดเส้นใต้ใน CSS

การใช้ CSS เมื่อใช้ข้อความtext-decoration:underlineเป็นไปได้หรือไม่ที่จะเพิ่มระยะห่างระหว่างข้อความและขีดเส้นใต้?

306 css underline

21

ฉันจะทำให้ div stick ติดที่ด้านบนของหน้าจอได้อย่างไรเมื่อเลื่อนไปที่แล้ว?

ฉันต้องการสร้าง div ซึ่งตั้งอยู่ใต้บล็อกของเนื้อหา แต่เมื่อหน้าเว็บถูกเลื่อนพอที่จะติดต่อกับขอบเขตสูงสุดของมันได้รับการแก้ไขในสถานที่และเลื่อนด้วยหน้า

305 javascript jquery css scroll positioning

11

ใช้ไอคอนตัวอักษรที่น่ากลัวใน CSS

ฉันมี CSS ที่มีลักษณะเช่นนี้: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } ผมอยากจะเปลี่ยนภาพที่มีไอคอนจากตัวอักษรที่น่ากลัว ฉันไม่เห็นว่าจะใช้ไอคอนใน CSS เป็นภาพพื้นหลัง เป็นไปได้ไหมถ้าสมมติว่ามีการโหลดสไตล์ / แบบอักษรของ Awesome Awesome ก่อน CSS ของฉัน

305 css font-awesome

7

CSS สามารถตรวจจับจำนวนของลูก ๆ ที่องค์ประกอบมีได้หรือไม่?

ฉันอาจตอบคำถามของฉันเอง แต่ฉันอยากรู้อยากเห็นอย่างมาก ฉันรู้ว่า CSS สามารถเลือกเด็กแต่ละคนของผู้ปกครอง แต่มีการสนับสนุนในการกำหนดรูปแบบเด็กของภาชนะถ้าผู้ปกครองที่มีจำนวนเด็ก ตัวอย่างเช่น container:children(8) { // style the parent this way if there are 8 children } ฉันรู้ว่ามันฟังดูแปลก แต่ผู้จัดการของฉันขอให้ฉันตรวจสอบมันไม่พบอะไรด้วยตัวเองฉันเลยตัดสินใจหันไปหา SO ก่อนที่จะจบการค้นหา

304 css css-selectors

16

ด้วย CSS ใช้“ …” สำหรับบล็อกที่มีการโอเวอร์โฟลว์ของหลายบรรทัด

กับ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; "... " จะปรากฏในตอนท้ายของบรรทัดหากล้น อย่างไรก็ตามสิ่งนี้จะปรากฏในบรรทัดเดียวเท่านั้น แต่ฉันต้องการให้แสดงเป็นหลายบรรทัด อาจดูเหมือนว่า: +--------------------+ |abcde feg hij dkjd| |dsji jdia js ajid s| |jdis ajid dheu d ...|/*Here it's overflowed, so "..." is shown. */ +--------------------+

303 html ellipsis css

30

จัดรูปภาพให้อยู่กึ่งกลางและกึ่งกลางภายใน div

ฉันมีกองกำลังติดตาม <div id="over" style="position:absolute; width:100%; height:100%> <img src="img.png"> </div> จะจัดแนวภาพอย่างไรให้อยู่ตรงกลางและกึ่งกลางภาพ

302 html css

13

ใช้ CSS เท่านั้นแสดง div เมื่อวางเมาส์บน <a>

ฉันต้องการที่จะแสดง div เมื่อมีคนอยู่เหนือ<a>องค์ประกอบ แต่ฉันต้องการทำเช่นนี้ใน CSS ไม่ใช่ JavaScript คุณรู้หรือไม่ว่าสิ่งนี้สามารถเกิดขึ้นได้อย่างไร?

302 css

4

การดูแลรักษาสถานะสุดท้ายเมื่อสิ้นสุดอนิเมชั่น CSS3

ฉันใช้งานแอนิเมชั่นกับองค์ประกอบบางอย่างที่ตั้งค่าไว้opacity: 0;ใน CSS คลาสแอนิเมชั่นถูกนำไปใช้กับคลิกและโดยใช้คีย์เฟรมมันจะเปลี่ยนความทึบจาก0เป็น1(เหนือสิ่งอื่นใด) น่าเสียดายที่เมื่อภาพเคลื่อนไหวจบลงองค์ประกอบจะกลับไปที่opacity: 0(ทั้ง Firefox และ Chrome) ความคิดตามธรรมชาติของฉันคือองค์ประกอบที่มีภาพเคลื่อนไหวยังคงอยู่ในสถานะสุดท้ายโดยเอาชนะคุณสมบัติดั้งเดิมของพวกเขา สิ่งนี้ไม่จริงหรือ และถ้าไม่ฉันจะทำให้องค์ประกอบทำเช่นนั้นได้อย่างไร รหัส (ไม่รวมรุ่นนำหน้า): @keyframes bubble { 0% { transform:scale(0.5); opacity:0.0; } 50% { transform:scale(1.2); opacity:0.5; } 100% { transform:scale(1.0); opacity:1.0; } }

301 css css-animations

12

Bootstrap: จัดตำแหน่งอินพุตด้วยปุ่ม

ทำไมปุ่มและอินพุตไม่เข้ากันใน Bootstrap ฉันลองอะไรที่เรียบง่ายเช่น: <input type="text"/><button class="btn">button</button> ปุ่ม5pxต่ำกว่าอินพุตใน chrome / firefox

299 css twitter-bootstrap

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