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

16

วิธีใช้ HTML เพื่อพิมพ์ส่วนหัวและส่วนท้ายในทุกหน้าที่พิมพ์ของเอกสาร?

เป็นไปได้ไหมที่จะพิมพ์หน้า HTML ด้วยส่วนหัวและส่วนท้ายที่กำหนดเองในแต่ละหน้าที่พิมพ์ ฉันต้องการเพิ่มคำว่า "UNCLASSIFIED" เป็นสีแดง, Arial, ขนาด 16 พอยต์ที่ด้านบนและด้านล่างของทุกหน้าที่พิมพ์โดยไม่คำนึงถึงเนื้อหา หากต้องการพิมพ์เอกสารให้ชัดเจน 5 หน้าแต่ละหน้าควรมีส่วนหัวและส่วนท้ายที่กำหนดเอง ใครบ้างรู้ว่าสิ่งนี้เป็นไปได้โดยใช้ HTML / CSS?

516 css header printing stylesheet footer

15

ฉันจะสร้างความกว้างของ TextArea ได้ 100% โดยไม่ล้นเมื่อมีช่องว่างภายใน CSS

ฉันมีตัวอย่างข้อมูล CSS และ HTML ดังต่อไปนี้ textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea cols="2" rows="10" id="rules"/> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ปัญหาคือว่าพื้นที่ข้อความลงท้ายด้วยความกว้าง 8px (2px สำหรับเส้นขอบ + 6px สำหรับการขยาย) กว่าพาเรนต์ มีวิธีที่จะใช้เส้นขอบและช่องว่างภายใน แต่ จำกัด ขนาดรวมของtextareaถึงความกว้างของแม่หรือไม่

426 html css stylesheet

15

จะสร้างคลาส CSS ใน JavaScript และนำไปใช้อย่างไร

ฉันต้องการสร้าง CSS สไตล์ชีทคลาสแบบไดนามิกใน JavaScript และกำหนดให้กับองค์ประกอบ HTML บางอย่างเช่น - div, table, span, tr, ฯลฯ และการควบคุมบางอย่างเช่น asp: Textbox, Dropdownlist และ datalist เป็นไปได้ไหม? มันจะดีกับตัวอย่าง

299 javascript css stylesheet

18

ไฟล์. css ขนาดใหญ่ไฟล์เดียวเทียบกับไฟล์. css เฉพาะขนาดเล็กหลายไฟล์ [ปิด]

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ มีข้อได้เปรียบในการมีไฟล์. ccss สัตว์ประหลาดหนึ่งตัวที่มีองค์ประกอบของสไตล์ที่จะใช้กับแทบทุกหน้าหรือไม่? ฉันคิดว่าเพื่อความสะดวกในการจัดการฉันต้องการดึง CSS ประเภทต่างๆออกเป็นไฟล์สองสามไฟล์และการรวมทุกไฟล์ในไฟล์หลักของฉันนั้น<link />ไม่ดีเลยเหรอ? ฉันคิดว่ามันดีกว่า positions.css buttons.css tables.css copy.css เมื่อเทียบกับ site.css คุณเคยเห็น gotchas ด้วยวิธีใดวิธีหนึ่งเปรียบเทียบกับวิธีอื่นหรือไม่?

258 css html stylesheet

6

type =“ text / css” จำเป็นในแท็ก <link> หรือไม่

ฉันสงสัยว่าจำเป็นต้องใช้<link rel="stylesheet" type="text/css" href=...>มากกว่า<link rel="stylesheet" href=...>หรือไม่ rel="stylesheet"เครื่องหมายข้อมูลที่ว่ามันเป็นสไตล์ - ดังนั้นtext/cssไม่จริงเพิ่มอะไรเท่าที่ฉันกังวล รูปแบบสไตล์ชีทเดียวที่ใช้โดย HTML คือ CSS อยู่แล้วดังนั้นtext/css'พูด' กับเบราว์เซอร์คืออะไร? บางเว็บไซต์ดูเหมือนจะเพิ่มtype="text/css"แอตทริบิวต์ ( http://www.jquery.com/ ) ในขณะที่เว็บไซต์อื่นไม่ทำ ( http://www.youtube.com/ ) ดังนั้นสิ่งที่เป็นการใช้type="text/css"ใน<link rel="stylesheet">องค์ประกอบและมีความจำเป็นที่จะรวมมันได้หรือไม่

192 html css stylesheet

11

สไตล์ชีทของ CSS ในลำดับใดที่จะแทนที่?

ในส่วนหัวของ HTML ฉันได้รับสิ่งนี้: <head> <title>Title</title> <link href="styles.css" rel="stylesheet" type="text/css"/> <link href="master.css" rel="stylesheet" type="text/css"/> styles.cssเป็นแผ่นงานเฉพาะหน้าของฉัน master.cssเป็นแผ่นงานที่ฉันใช้ในแต่ละโครงการของฉันเพื่อแทนที่ค่าเริ่มต้นของเบราว์เซอร์ สไตล์ชีตใดที่มีลำดับความสำคัญสูง ตัวอย่าง: ชีตแรกมีเฉพาะ body { margin:10px; } และเส้นขอบที่เกี่ยวข้อง แต่ที่สองมีการรีเซ็ตของฉัน html, body:not(input="button") { margin: 0px; padding: 0px; border: 0px; } ในสาระสำคัญองค์ประกอบ cascading ของ CSS ทำงานเหมือนกันในแง่ของการอ้างอิงสไตล์ชีทเหมือนกับใน CSS function ทั่วไปหรือไม่ หมายความว่าบรรทัดสุดท้ายเป็นบรรทัดที่แสดงหรือไม่

157 css overriding stylesheet

7

กฎ CSS ที่ จำกัด ของ Internet Explorer

ฉันได้อ่านข้อมูลที่ขัดแย้งกันเกี่ยวกับขีด จำกัด CSS ที่งี่เง่าของ Internet Explorer แล้ว ฉัน (คิดว่าฉันเป็น) เข้าใจว่าคุณสามารถมี 31 <style>และ<link>แท็ก (รวมกัน) และแต่ละแผ่นสามารถมีได้ถึง 31 @import-s (ดังนั้น 31 <link>-s แต่ละคนถึง 31 @import-s เป็นเรื่องที่ดีแม้ว่าจะบ้า) อย่างไรก็ตามกฎ 4095 นั้นชัดเจนน้อยกว่า - นี่คือกฎ 4095 ต่อเอกสารหรือต่อแผ่นงานหรือไม่ ตัวอย่างเช่นฉันสามารถ<link>ใช้สไตล์ชีตสองแบบแต่ละแบบมี 4,000 กฎและใช้งานได้หรือไม่หรือจะทำให้ขีด จำกัด หรือไม่ บุคคลที่สามแก้ไข 2018 ในบทความนี้คุณจะได้รับข้อมูลเพิ่มเติมเกี่ยวกับการโพสต์สไตล์ชีตข้อ จำกัด ในอินเทอร์เน็ต explorer

150 css internet-explorer stylesheet

6

ระยะขอบขณะพิมพ์หน้า html

ฉันใช้สไตล์ชีทแยกต่างหากสำหรับการพิมพ์ เป็นไปได้หรือไม่ที่จะกำหนดระยะขอบด้านซ้ายและขวาในสไตล์ชีตซึ่งกำหนดระยะขอบการพิมพ์ ขอบคุณ

141 html css printing stylesheet

1

ฉันจะใช้สไตล์กับปุ่มทั้งหมดของแอปพลิเคชัน Android ได้อย่างไร

ฉันมีสไตล์ที่ใช้กับแอปพลิเคชันทั้งหมดของฉัน: AndroidManifest.xml: <application android:theme="@style/ApplicationStyle" android:icon="@drawable/icon" android:label="@string/app_name"> และใน styles.xml ของฉัน: <style name="ApplicationStyle" parent="android:Theme"> <item name="android:button">@style/CKButton</item> </style> <style name="CKButton" parent="android:style/Widget.Button"> <item name="android:textSize">19sp</item> <item name="android:layout_margin">0dip</item> <item name="android:background">#ff0000</item> </style> แต่สไตล์ไม่ได้ถูกนำไปใช้ ฉันขอโทษถ้าฉันใช้ชื่อปลอมในApplicationStyle- Itemแต่ฉันไม่รู้ว่าจะค้นหาชื่อวัตถุได้จากที่ใดและสันนิษฐานง่ายๆว่าandroid:buttonใช้ได้กับทุกปุ่ม

131 android button stylesheet

17

คุณสามารถใช้ if / else เงื่อนไขใน CSS ได้หรือไม่?

ฉันต้องการใช้เงื่อนไขใน CSS ของฉัน ความคิดคือฉันมีตัวแปรที่ฉันแทนที่เมื่อไซต์ถูกเรียกใช้เพื่อสร้างสไตล์ชีตที่ถูกต้อง ฉันต้องการให้ตามตัวแปรนี้สไตล์ชีตเปลี่ยนไป! ดูเหมือนว่า: [if {var} eq 2 ] background-position : 150px 8px; [else] background-position : 4px 8px; สามารถทำได้หรือไม่? คุณจะทำอย่างไร?

120 css stylesheet conditional-statements

11

วิธีการเปลี่ยนกลับไปใช้สไตล์ชีตภายใน (ไม่ใช่สคริปต์) หาก CDN ล้มเหลว

ฉันกำลังเชื่อมโยงกับสไตล์ชีต jQuery Mobile บน CDN และต้องการกลับไปใช้สไตล์ชีทเวอร์ชันท้องถิ่นของฉันหาก CDN ล้มเหลว สำหรับสคริปต์โซลูชันเป็นที่รู้จักกันดี:  <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='jquery-1.6.3.min.js'%3E")); } </script> ฉันต้องการทำสิ่งที่คล้ายกันสำหรับสไตล์ชีต: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> ฉันไม่แน่ใจว่าจะสามารถใช้แนวทางที่คล้ายกันได้หรือไม่เพราะฉันไม่แน่ใจว่าเบราว์เซอร์บล็อกในลักษณะเดียวกันหรือไม่เมื่อเชื่อมโยงสคริปต์เหมือนกับที่ทำเมื่อโหลดสคริปต์ (อาจเป็นไปได้ที่จะโหลดสไตล์ชีตในแท็กสคริปต์แล้ว ฉีดเข้าไปในหน้า)? ดังนั้นคำถามของฉันคือ: ฉันจะแน่ใจได้อย่างไรว่าสไตล์ชีตถูกโหลดในเครื่องหาก CDN ล้มเหลว

108 jquery html jquery-mobile stylesheet cdn

14

จะจัดสไตล์ SVG ด้วย CSS ภายนอกได้อย่างไร?

ฉันมีกราฟิก SVG หลายรายการที่ฉันต้องการแก้ไขสีผ่านสไตล์ชีตภายนอกไม่ใช่ในไฟล์ SVG แต่ละไฟล์โดยตรง ฉันไม่ได้วางกราฟิกไว้ในบรรทัด แต่เก็บไว้ในโฟลเดอร์รูปภาพของฉันและชี้ไปที่พวกเขา ฉันได้ติดตั้งด้วยวิธีนี้เพื่อให้คำแนะนำเครื่องมือทำงานได้และฉันยังรวมแต่ละ<a>แท็กเพื่อให้มีลิงก์ <a href='http://youtube.com/...' target='_blank'><img class='socIcon' src='images/socYouTube.svg' title='View my videos on YouTube' alt='YouTube' /></a> และนี่คือรหัสของกราฟิก SVG: <?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet href="stylesheets/main.css" type="text/css"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56.69 56.69"> <g> <path d="M28.44......./> </g> </svg> ฉันใส่สิ่งต่อไปนี้ในไฟล์ …

103 html css svg stylesheet external

4

เป็นไปได้ไหมใน SASS ที่จะสืบทอดจากคลาสในไฟล์อื่น

คำถามพูดได้ทั้งหมด ตัวอย่างเช่นถ้าฉันใช้Twitter Bootstrapฉันสามารถกำหนดคลาสในสไตล์ชีต SASS ของตัวเองที่สืบทอดมาจากคลาส CSS ของ Bootstrap ได้หรือไม่ หรือการสืบทอดใน SASS ทำงานได้ภายในขอบเขตของไฟล์เดียวเท่านั้น?

102 css inheritance stylesheet sass

4

การลบขึ้นบรรทัดใหม่หลังแท็ก <h1>?

ฉันมีปัญหาในการลบ<h1>เส้นแบ่งหลังแท็กเนื่องจากทุกครั้งที่พิมพ์มันจะเพิ่มตัวแบ่งบรรทัดตามหลังดังนั้นสิ่งที่ต้องการจะ<h1>Hello World!</h1> <h2>Hello Again World!</h2>พิมพ์ออกมาดังนี้: Hello World! Hello Again World! ฉันไม่แน่ใจว่าต้องเปลี่ยนแท็กอะไรใน CSS แต่ฉันคาดว่ามันจะเกี่ยวข้องกับช่องว่างภายในหรือระยะขอบ ฉันยังต้องการให้มีช่องว่างในแนวตั้งถ้าเป็นไปได้

94 html css header styles stylesheet

13

มีวิธีง่ายๆในการโหลด css ใหม่โดยไม่ต้องโหลดหน้าซ้ำหรือไม่?

ฉันกำลังพยายามสร้างโปรแกรมแก้ไข css ในหน้าพร้อมฟังก์ชั่นการแสดงตัวอย่างที่จะโหลดสไตล์ชีทซ้ำและนำไปใช้โดยไม่จำเป็นต้องโหลดหน้าซ้ำ วิธีที่ดีที่สุดในการดำเนินการนี้คืออะไร?

90 javascript css stylesheet reload

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