Validation (การตรวจสอบความถูกต้อง) คือกระบวนการตรวจสอบสิ่งใดสิ่งหนึ่งตามกฎ เมื่อคุณเป็นมือใหม่ มักจะทำผิดพลาดมากในการเขียนกฎ CSS จะทำอย่างไรให้แน่ใจว่าสิ่งที่เขียนมีความถูกต้อง 100% และเป็นมาตรฐาน W3Cหากคุณใช้ CSS โค้ดของคุณต้องถูกต้อง โค้ดที่ไม่ถูกต้องอาจทำให้ผลลัพธ์หน้าจอหรือการทำงานไม่คาดคิดแต่ถ้

CSS3 Rounded corners ใช้เพิ่มมุมโค้งสีพิเศษให้ body หรือข้อความ โดยใช้คุณสมบัติ border-radiusตัวอย่าง<html>    <head>       <style>          #rcorner {             border-radius: 25px;     &nb

ใช้คุณสมบัติ border-radius เพื่อตั้งค่าคุณสมบัติ border-radius ทั้งสี่มุม คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ border-radius ไปใช้:ตัวอย่าง<html>    <head>       <style>          #rcorner {          

คุณสมบัติ size ระบุขนาดและทิศทางของ page box มีค่า 4 ค่าที่สามารถใช้สำหรับขนาดหน้าได้:auto - page box จะถูกตั้งค่าเป็นขนาดและทิศทางของกระดาษเป้าหมายlandscape - ทับท่าทิศทางของเป้าหมาย page box ขนาดเท่าเป้าหมาย ด้านยาวเป็นแนวนอนportrait - ทับท่าทิศทางของเป้าหมาย page box ขนาดเท่าเป้าหมาย ด้านสั้นเป็น

Paged media แตกต่างจาก continuous media בכךที่ เนื้อหาของเอกสารถูกแบ่งออกเป็นหน้าที่แยกจากกัน หนึ่งหน้าหรือหลายหน้า Paged media รวมถึง กระดาษ transparencies หน้าที่แสดงบนหน้าจอคอมพิวเตอร์ ฯลฯCSS2 กำหนด page box กล่องที่มีมิติจำกัดซึ่งเนื้อหาถูกเรนเดอร์ Page box เป็นพื้นที่สี่เหลี่ยมที่มีสองพื้นที่:P

สมมติเอกสารของคุณมี header ระดับ 1 เริ่มบทใหม่ พร้อม header ระดับ 2 แสดง section คุณต้องการให้แต่ละบทเริ่มที่หน้าใหม่ด้านขวา แต่ไม่ต้องการให้ section headers แยกข้ามหน้าจากเนื้อหาต่อไป คุณสามารถทำได้ด้วยกฎต่อไปนี้:<style>    <!--       h1 { page-break-before : right

เพื่อควบคุมการขยับหน้า ให้ใช้คุณสมบัติ page-break-before, page-break-after, และ page-break-insideทั้ง page-break-before และ page-break-after ยอมรับคีย์เวิร์ด auto, always, avoid, left, และ rightคีย์เวิร์ด auto เป็นค่าเริ่มต้น ให้เบราว์เซอร์สร้างการขยับหน้าตามความจำเป็น คีย์เวิร์ด always บังคับขยับหน

ในศัพท์พิมพ์ Orphans คือบรรทัดของย่อหน้าที่ติดอยู่ก้นหน้าจากการขยับหน้า ในขณะที่ Widows คือบรรทัดที่เหลืออยู่หัวหน้าหลังจากขยับหน้า โดยทั่วไปหน้าพิมพ์ดูไม่สวยหากมีบรรทัดเดี่ยวติดอยู่หัวหรือก้นหน้า เครื่องพิมพ์ส่วนใหญ่พยายามทิ้งบรรทัดข้อความไว้อย่างน้อยสองบรรทัดขึ้นไปที่หัวและก้นของแต่ละหน้าคุณสมบัติ

เมื่อพิมพ์เอกสารสองหน้า page boxes ด้านซ้ายและขวาควรแตกต่างกันตัวอย่างสามารถแสดงผ่านสอง CSS pseudo-classes ดังนี้:<style>    <!--       @page :left {          margin-left: 4cm;          margin-right: 3cm;   &nbs

คุณสมบัติ azimuth ตั้งคว่าตำแหน่งที่เสียงควรมาจากแนวนอน ค่าที่เป็นไปได้มีดังนี้:angle - ตำแหน่งอธิบายในรูปแบบมุมในช่วง -360deg ถึง 360deg ค่า 0deg หมายถึงตรงหน้ากึ่งกลาง soundstage 90deg คือขวา 180deg คือหลัง และ 270deg (หรือ -90deg) คือซ้ายleft-side - เท่ากับ 270deg กับ behind คือ 270degfar-left -

การแสดงผล Aural ของเอกสารถูกใช้หลักโดยผู้บกพร่องทางสายตา บางสถานการณ์ที่เอกสารสามารถเข้าถึงได้ผ่านการแสดงผล Aural แทนการแสดงผล Visual ได้แก่:เรียนรู้การอ่านการฝึกอบรมเข้าถึงเว็บในยานพาหนะความบันเทิงที่บ้านเอกสารอุตสาหกรรมเอกสารทางการแพทย์เมื่อใช้คุณสมบัติ aural แคนวาสจะประกอบด้วยพื้นที่สามมิติทางกาย

คุณสมบัตินี้ระบุการหยุดพักที่จะสังเกตหลังจากอ่านเนื้อหาของอีเลเมนต์ ค่าที่เป็นไปได้มีดังนี้:time - แสดงการหยุดพักในหน่วยเวลาสัมบูรณ์ (วินาที และ มิลลิวินาที)percentage - อ้างอิงค่าผกผันของคุณสมบัติ speech-rate ตัวอย่างเช่น หาก speech-rate คือ 120 คำต่อนาที (คำหนึ่งใช้เวลาครึ่งวินาที หรือ 500ms) แล้ว

Wiggle effect ทำให้อีเลเมนต์เคลื่อนไหวไปมา ซ้าย-ขวา หรือ บน-ล่าง ด้วยการเคลื่อนไหวเล็กน้อยและรวดเร็วตัวอย่างลองรันโค้ดต่อไปนี้เพื่อนำเอฟเฟกต์ wiggle animation ไปใช้:<html>    <head>       <style>          .animated {     &

คุณสมบัตินี้ระบุความถี่เฉลี่ย (pitch) ของเสียงพูด ความถี่เฉลี่ยของเสียงขึ้นอยู่กับ voice family ตัวอย่างเช่น ความถี่เฉลี่ยสำหรับเสียงชายมาตรฐานคือประมาณ 120Hz แต่สำหรับเสียงหญิงคือประมาณ 210Hzค่าที่เป็นไปได้มีดังนี้:frequency - ระบุความถี่เฉลี่ยของเสียงพูดในเฮิรตซ์ (Hz)x-low, low, medium, high, x-hi

ต่อไปนี้คือสองวิธีในการระบุ media dependencies สำหรับ style sheets:ระบุสื่อเป้าหมายจากไฟล์สไตล์ด้วยกฎ @media หรือ @import at-rulesระบุสื่อเป้าหมายภายในภาษาเอกสารตัวอย่างลองดูตัวอย่างของกฎ @media:<style>    <!--       @media print {          

ต่อไปนี้คือ media types ใน CSS:ลำดับค่า & คำอธิบาย1.Allเหมาะสำหรับทุกอุปกรณ์2.Auralสำหรับเครื่องสังเคราะห์เสียงพูด3.Brailleสำหรับอุปกรณ์รับรู้ทางสัมผัสแบรลล์4.Embossedสำหรับเครื่องพิมพ์แบรลล์แบบหน้า5.Handheldสำหรับอุปกรณ์มือถือ (หน้าจอเล็ก ขาวดำ แบนด์วิดท์จำกัด)6.Printสำหรับวัสดุหน้ากระดาษ และเอ

แอตทริบิวต์ media บน Link element ระบุสื่อเป้าหมายของไฟล์สไตล์ภายนอก:ตัวอย่าง<style>    <!--       <!doctype html public "-//w3c//dtd html 4.0//en">       <html>          <head>      

เพื่อระบุสื่อเป้าหมาย ให้ใช้แอตทริบิวต์ media:ตัวอย่าง<style>    <!--       <!doctype html public "-//w3c//dtd html 4.0//en">       <html>          <head>             &

แอตทริบิวต์ media บน LINK element ระบุสื่อเป้าหมายของไฟล์สไตล์ภายนอก:ตัวอย่าง<style>    <!--       <!doctype html public "-//w3c//dtd html 4.0//en">       <html>          <head>      

คุณสามารถระบุมิติ ทิศทาง ขอบเขต ฯลฯ ของ page box ภายในกฎ @page ได้ มิติของ page box ถูกตั้งค่าด้วยคุณสมบัติ size มิติของ page area คือ มิติของ page box ลบด้วยพื้นที่ขอบเขตตัวอย่างเช่น กฎ @page ต่อไปนี้ตั้งค่าขนาด page box เป็น 8.5 × 11 นิ้ว และสร้าง 2cm margin ทุกด้านระหว่างขอบ page box และ page are