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

CSS (Cascading Style Sheets) เป็นภาษาสไตล์ชีตที่ใช้สำหรับอธิบายลักษณะและการจัดรูปแบบของ HTML (HyperText Markup Language), XML (Extensible Markup Language) เอกสาร XML และ Extensible Markup Language รวมถึงองค์ประกอบ SVG รวมถึง (แต่ไม่ จำกัด เฉพาะ) สีโครงร่างแบบอักษร และภาพเคลื่อนไหว นอกจากนี้ยังอธิบายถึงวิธีการแสดงองค์ประกอบบนหน้าจอบนกระดาษคำพูดหรือบนสื่ออื่น ๆ

16
ตาราง Bootstrap ที่ไม่มีแถบ / เส้นขอบ
ฉันติดอยู่กับปัญหา CSS ในขณะที่ใช้ Bootstrap ฉันใช้ Angular JS กับ Angular UI.bootstrap (ซึ่งอาจเป็นส่วนหนึ่งของปัญหา) ฉันกำลังสร้างเว็บไซต์ที่แสดงข้อมูลในตาราง บางครั้งข้อมูลมีวัตถุที่ฉันต้องแสดงในตาราง ดังนั้นฉันต้องการที่จะวางตารางไร้ขอบไว้ในตารางปกติในขณะที่ยังคงอยู่ในบรรทัดการแยกสำหรับตารางที่ไม่มีขอบ แต่ดูเหมือนว่าแม้ว่าฉันบอกว่าจะไม่แสดงเส้นขอบบนโต๊ะโดยเฉพาะมันก็ถูกบังคับ: HTML: <table class='table borderless'> CSS: .borderless table { border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; } ดังนั้นที่นี่สิ่งที่ฉันต้องการก็แค่พรมแดนด้านใน
5
Margin-Top ใช้งานไม่ได้กับองค์ประกอบการขยาย?
มีคนบอกฉันว่าฉันเขียนผิดไหม ทุกอย่างทำงานได้สิ่งเดียวคือไม่มีขอบที่ด้านบน HTML : <div id="contact_us"> <!-- BEGIN CONTACT US --> <span class="first_title">Contact</span> <span class="second_title">Us</span> <p class="content">For any questions whatsoever please contact us through the following e-mail address:</p></br></br> <p class="e-mail">info@e-mail.com</p></br></br></br></br> <p class="read_more"><a href="underconstruction.html">Read More</a></p> </div> <!-- END CONTACT US --> CSS : span.first_title { margin-top: 20px; margin-left: 12px; font-weight: bold; …
191 css  margin  html 
30
ทรัพยากรตีความว่าเป็นสไตล์ชีท แต่ถ่ายโอนด้วย MIME type text / html (ดูเหมือนจะไม่เกี่ยวข้องกับเว็บเซิร์ฟเวอร์)
ฉันมีปัญหานี้ Chrome ยังคงส่งคืนข้อผิดพลาดนี้อย่างต่อเนื่อง ทรัพยากรตีความว่าเป็นสไตล์ชีท แต่ถ่ายโอนด้วย MIME type text / html ไฟล์ที่ได้รับผลกระทบจากข้อผิดพลาดนี้เป็นเพียงรูปแบบที่เลือกและ jquery-gentleselect (ไฟล์ CSS อื่น ๆ ที่นำเข้าในดัชนีในลักษณะเดียวกันทำงานได้ดีและไม่มีข้อผิดพลาด) ฉันได้ตรวจสอบประเภท MIME แล้วและข้อความ / css นั้นอยู่ใน CSS แล้ว สุจริตฉันต้องการเริ่มต้นด้วยการทำความเข้าใจปัญหา (สิ่งที่ดูเหมือนว่าฉันไม่สามารถทำคนเดียว)
191 html  css  google-chrome 
14
Markdown และการจัดแนวรูปภาพ
ฉันกำลังทำเว็บไซต์ที่เผยแพร่บทความในปัญหาในแต่ละเดือน มันตรงไปตรงมาและฉันคิดว่าการใช้ Markdown editor (เช่นWMDที่นี่ใน Stack Overflow) จะสมบูรณ์แบบ แต่พวกเขาไม่จำเป็นต้องมีความสามารถในการมีภาพจัดชิดขวาในวรรคที่กำหนด ฉันไม่เห็นวิธีที่จะทำเช่นนั้นกับระบบปัจจุบัน - เป็นไปได้หรือไม่?
191 html  css  markdown 
18
ฉันจะบังคับให้บล็อก DIV ขยายไปยังด้านล่างของหน้าได้อย่างไรแม้ว่าจะไม่มีเนื้อหา
ในมาร์กอัปที่แสดงด้านล่างฉันพยายามทำให้ div เนื้อหายืดออกไปจนถึงด้านล่างของหน้า แต่จะยืดออกก็ต่อเมื่อมีเนื้อหาที่จะแสดง เหตุผลที่ฉันต้องการทำเช่นนี้ก็คือเส้นขอบแนวตั้งยังคงปรากฏอยู่บนหน้าแม้ว่าจะไม่มีเนื้อหาใด ๆ ที่จะแสดง นี่คือHTMLของฉัน: <body> <form id="form1"> <div id="header"> <a title="Home" href="index.html" /> </div> <div id="menuwrapper"> <div id="menu"> </div> </div> <div id="content"> </div> และCSSของฉัน: body { font-family: Trebuchet MS, Verdana, MS Sans Serif; font-size:0.9em; margin:0; padding:0; } div#header { width: 100%; height: 100px; } #header a …
190 css  html  border 
9
จะพัฒนาแอพ Desktop โดยใช้ HTML / CSS / JavaScript ได้อย่างไร? [ปิด]
ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ด้านล่างนี้แสดงความคิดเห็นStack Overflow ที่มีให้โดยGoogle Chrome : Google Chrome ฟอร์มชนะ ก่อนอื่นฉันไม่สนใจที่จะทำสิ่งนี้อย่างมืออาชีพ ฉันเป็นผู้พัฒนาเว็บซึ่งเป็นเพื่อนร่วมงานของฉันที่เพิ่งออกจาก Spotify และบอกว่าเขาจะทำงานส่วนใหญ่ใน JavaScript สำหรับแอพ Spotify Desktop เขาบอกว่ามันใช้ "เฟรม Chrome" และทุกอย่างภายในทำเหมือนกับแอปพลิเคชันเว็บ (HTML / JS / CSS) ในฐานะนักพัฒนาเว็บที่ไม่เคยสร้างอะไรให้กับ Desktop นี่เป็นข่าวดี หากฉันสามารถใช้เทคโนโลยีที่ฉันรู้จักและนำไปใช้ได้จริงภายในเฟรม "" และยังสามารถสร้าง windows หรือแอพข้ามแพลตฟอร์มที่ดีกว่าได้ ฉันรู้ว่าฉันไม่ได้พูดถึงอะไรเกี่ยวกับฐานข้อมูล แต่แม้แต่แอป Hello World บนเดสก์ท็อปที่เรียบง่ายพร้อมเทคโนโลยีเว็บก็ดีสำหรับการเริ่มต้น ดังนั้นหนึ่งจะไปเกี่ยวกับเรื่องนี้ได้อย่างไร ฉันต้องมีอะไรบ้าง / จำเป็นต้องรู้อย่างแน่นอน
21
สร้างกฎ / คลาส CSS ด้วย jQuery ตอนรันไทม์
ฉันมักจะมีไฟล์ CSS ซึ่งมีกฎต่อไปนี้: #my-window { position: fixed; z-index: 102; display:none; top:50%; left:50%; } ฉันจะหลีกเลี่ยงการสร้างไฟล์ CSS แบบคงที่ได้อย่างไรโดยการเพิ่มข้อมูล CSS ระหว่างการดำเนินการรันไทม์ไปยังเนื้อหาหรือสิ่งที่คล้ายกัน (ใช้ jQuery เท่านั้น) ฉันต้องการนิยามมันครั้งเดียว แต่ใช้ jQuery และใช้มันหลายครั้งในภายหลัง นั่นเป็นเหตุผลที่ฉันไม่ต้องการเพิ่มทุกครั้งในองค์ประกอบ DOM ที่เฉพาะเจาะจง ฉันรู้คุณสมบัติง่าย ๆ ( css("attr1", "value");) แต่ฉันจะสร้างกฎ CSS ที่ใช้ซ้ำได้อย่างสมบูรณ์ได้อย่างไร
189 jquery  css 
6
Angular 2: วิธีจัดองค์ประกอบองค์ประกอบโฮสต์ขององค์ประกอบได้อย่างไร
ฉันมีองค์ประกอบใน Angular 2 เรียกว่า my-comp: <my-comp></my-comp> หนึ่งลักษณะสไตล์องค์ประกอบโฮสต์ขององค์ประกอบนี้ใน Angular 2 ได้อย่างไร ในพอลิเมอร์คุณจะต้องใช้ตัวเลือก ": host" ฉันลองเป็นแบบ Angular 2 แต่มันไม่ทำงาน :host { display: block; width: 100%; height: 100%; } ฉันยังลองใช้ส่วนประกอบเป็นตัวเลือก: my-comp { display: block; width: 100%; height: 100%; } วิธีการทั้งสองดูเหมือนจะไม่ทำงาน ขอบคุณ
5
วางตำแหน่งองค์ประกอบที่สัมพันธ์กับคอนเทนเนอร์
ฉันกำลังพยายามสร้างกราฟแท่งกองซ้อน 100% ในแนวนอนโดยใช้ HTML และ CSS ฉันต้องการสร้างแท่งโดยใช้DIVsสีพื้นหลังและความกว้างร้อยละขึ้นอยู่กับค่าที่ฉันต้องการกราฟ ฉันยังต้องการให้มีเส้นกริดเพื่อทำเครื่องหมายตำแหน่งโดยพลการตามกราฟ float: leftในการทดลองของฉันฉันเคยอยู่แล้วบาร์เพื่อสแต็คในแนวนอนโดยการกำหนดคุณสมบัติของ CSS อย่างไรก็ตามฉันต้องการหลีกเลี่ยงสิ่งนี้เนื่องจากดูเหมือนว่าจะยุ่งกับเค้าโครงในแบบที่สับสน นอกจากนี้เส้นกริดดูเหมือนว่าจะทำงานได้ไม่ดีนักเมื่อบาร์ลอย ฉันคิดว่าการวางตำแหน่ง CSS ควรจะสามารถจัดการกับสิ่งนี้ได้ แต่ฉันยังไม่รู้ว่าจะทำอย่างไร ฉันต้องการที่จะสามารถระบุตำแหน่งขององค์ประกอบต่าง ๆ ที่เกี่ยวข้องกับมุมบนซ้ายของภาชนะของพวกเขา ฉันพบปัญหาประเภทนี้เป็นประจำ (แม้จะอยู่นอกโครงการกราฟนี้โดยเฉพาะ) ดังนั้นฉันต้องการวิธีที่: ข้ามเบราว์เซอร์ (โดยไม่ต้องมีเบราว์เซอร์จำนวนมากเกินไป) ทำงานในโหมด Quirks ชัดเจน / สะอาดที่สุดเพื่ออำนวยความสะดวกในการปรับแต่ง ทำโดยไม่ใช้ JavaScript ถ้าเป็นไปได้
187 html  css  positioning 
15
ตรวจพบว่าอินพุตมีข้อความอยู่ในนั้นโดยใช้ CSS - บนหน้าที่ฉันกำลังเยี่ยมชมและไม่ได้ควบคุม?
มีวิธีตรวจสอบว่าอินพุตมีข้อความอยู่ใน CSS หรือไม่ ฉันลองใช้:emptyคลาสหลอกและฉันลองใช้[value=""]แล้วใช้ไม่ได้ผล ฉันไม่สามารถหาวิธีแก้ไขปัญหานี้ได้ ฉันคิดว่าสิ่งนี้จะต้องเป็นไปได้โดยพิจารณาว่าเรามีคลาสหลอกสำหรับ:checkedและ:indeterminateทั้งสองอย่างนี้เป็นสิ่งที่คล้ายกัน โปรดทราบ: ฉันกำลังทำสิ่งนี้ในสไตล์ "มีสไตล์"ซึ่งไม่สามารถใช้ JavaScript ได้ โปรดทราบว่ามีการใช้ Stylish, ฝั่งไคลเอ็นต์ในหน้าเว็บที่ผู้ใช้ไม่ได้ควบคุม
187 css  input  is-empty  stylish 
7
โฮเวอร์และแอ็คทีฟเฉพาะเมื่อไม่ได้ปิดใช้งาน
ฉันใช้โฮเวอร์ , แอคทีฟและปิดการใช้งานกับปุ่มสไตล์ แต่ปัญหาคือเมื่อปุ่มถูกปิดใช้งานโฮเวอร์และสไตล์ที่ใช้งานยังคงมีผลอยู่ วิธีใช้โฮเวอร์และแอ็คทีฟบนปุ่มที่เปิดใช้งานเท่านั้น
187 css 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.