Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS
CSS
  1. ตีกลับเอฟเฟกต์แอนิเมชั่นด้วย CSS

    เอฟเฟกต์แอนิเมชั่นการตีกลับใช้เพื่อย้ายองค์ประกอบขึ้น กลับ หรือออกจากพื้นผิวอย่างรวดเร็วหลังจากกดปุ่ม ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้เอฟเฟกต์แอนิเมชั่นตีกลับ - <html>    <head>       <style>          .animated {

  2. การใช้กฎ CSS @charset

    หากคุณกำลังเขียนเอกสารโดยใช้ชุดอักขระอื่นที่ไม่ใช่ ASCII หรือ ISO-8859-1 คุณอาจต้องการตั้งค่ากฎ @charset ที่ด้านบนสุดของสไตล์ชีตเพื่อระบุว่าชุดอักขระใด สไตล์ชีตถูกเขียนด้วย ต้องเขียนกฎ @charset ที่จุดเริ่มต้นของสไตล์ชีตโดยไม่ต้องเว้นวรรคก่อน ค่านี้อยู่ในเครื่องหมายคำพูดและควรเป็นหนึ่งในชุดอักขระมาตร

  3. เลือนเอฟเฟกต์แอนิเมชั่นขนาดใหญ่ด้านซ้ายด้วย CSS

    ในการปรับใช้เอฟเฟกต์แอนิเมชั่น Fade Down Left Big บนรูปภาพด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <html>    <head>       <style>          .animated {             background-image: url(/cs

  4. คุณสมบัติ CSS border-top-right-radius

    ใช้คุณสมบัติ border-top-right radius ใน CSS เพื่อตั้งค่าเส้นขอบรัศมีบนขวา คุณสามารถลองใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติ border-top-right-radius - ตัวอย่าง <html>    <head>       <style>          #rcorner {       &nbs

  5. คุณสมบัติ CSS border-bottom-right-radius

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

  6. คุณสมบัติ CSS border-bottom-left-radius

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

  7. ให้วัตถุบิดเบือนคลื่นไซน์เพื่อให้ดูเป็นคลื่นด้วย CSS

    ใช้เอฟเฟกต์คลื่นเพื่อทำให้วัตถุมีความผิดเพี้ยนของคลื่นไซน์เพื่อให้ดูเป็นคลื่น สามารถใช้พารามิเตอร์ต่อไปนี้ในตัวกรองนี้ S.No พารามิเตอร์ &คำอธิบาย 1 เพิ่ม ค่า 1 เพิ่มรูปภาพต้นฉบับให้กับรูปภาพที่โบกมือ 0 ไม่ได้ 2 ความถี่ จำนวนคลื่น 3 แสง ความแรงของแสงบนคลื่น (จาก 0 ถึง 100) 4

  8. คุณสมบัติพื้นหลัง CSS Multi

    คุณสมบัติ CSS หลายพื้นหลังใช้เพื่อเพิ่มรูปภาพครั้งละหนึ่งภาพขึ้นไปโดยไม่มีโค้ด HTML เราเพิ่มรูปภาพได้ตามความต้องการ ตัวอย่างไวยากรณ์ของรูปภาพพื้นหลังหลายรูปมีดังนี้ - #multibackground {    background-image: url(/css/images/logo.png), url(/css/images/border.png);    background-pos

  9. คุณสมบัติพื้นหลัง CSS

    คุณสมบัติพื้นหลัง CSS ใช้เพื่อตั้งค่าคุณสมบัติของรูปภาพพื้นหลังทั้งหมดในส่วนเดียว คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติพื้นหลังใน CSS - ตัวอย่าง <html>    <head>       <style>          #demo {       &nbs

  10. CSS @media rule

    @media rule ระบุประเภทสื่อเป้าหมาย (คั่นด้วยเครื่องหมายจุลภาค) ของชุดกฎ ตัวอย่าง เรามาดูตัวอย่างกฎ @media กัน − <style>    <!--       @media print {          body { font-size: 10pt }       }       @media scree

  11. คุณสมบัติขนาดพื้นหลัง CSS

    คุณสมบัติ CSS background-size ใช้เพื่อระบุขนาดของภาพพื้นหลัง ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติขนาดพื้นหลังใน CSS: <html>    <head>       <style>          #demo {            

  12. คุณสมบัติตัวเลขพูด CSS

    คุณสมบัติ speak-numeral ควบคุมวิธีการพูดตัวเลข ค่าที่เป็นไปได้คือ ตัวเลข − พูดตัวเลขเป็นตัวเลขแต่ละตัว ดังนั้น 237 จึงเรียกว่า Two Three Seven ต่อเนื่อง − พูดตัวเลขเป็นตัวเลขเต็ม ดังนั้น 237 จึงเรียกว่า สองร้อยสามสิบเจ็ด การแสดงคำขึ้นอยู่กับภาษา

  13. สร้างเงาที่ลดทอนด้วย CSS

    ใช้ฟิลเตอร์เงาเพื่อสร้างเงาในทิศทางและสีที่ระบุ พารามิเตอร์ต่อไปนี้สามารถใช้ได้ในตัวกรองนี้ - S.No พารามิเตอร์ &คำอธิบาย 1 สี สีที่คุณต้องการให้เป็นเงา 2 ทิศทาง ทิศทางของการเบลอตามเข็มนาฬิกา ปัดเศษขึ้นทีละ 45 องศา ค่าเริ่มต้นคือ 270 (ซ้าย) 0 =ด้านบน 45 =ขวาบน 90 =ถูกต้อง 135 =ล่าง

  14. คุณสมบัติเครื่องหมายวรรคตอน CSS

    คุณสมบัติ speak-punctuation ระบุวิธีการพูดเครื่องหมายวรรคตอน ค่าที่เป็นไปได้คือ − รหัส − ให้ใช้เครื่องหมายวรรคตอน เช่น อัฒภาค วงเล็บปีกกา และอื่นๆ ตามตัวอักษร ไม่มี − ห้ามพูดเครื่องหมายวรรคตอน แต่ให้แสดงโดยธรรมชาติเป็นการหยุดชั่วคราวต่างๆ

  15. คุณสมบัติความเครียด CSS

    คุณสมบัตินี้ระบุความสูงของ พีคท้องถิ่น ในส่วนเสียงสูงต่ำของเสียง ภาษาอังกฤษเป็นภาษาที่มีการเน้นเสียง และส่วนต่างๆ ของประโยคจะได้รับการกำหนดความเครียดระดับประถมศึกษา มัธยมศึกษา หรือระดับอุดมศึกษา ค่าที่เป็นไปได้คือ − หมายเลข - ค่าระหว่าง 0 ถึง 100 ความหมายของค่านิยมขึ้นอยู่กับภาษาที่พูด ตัวอย่างเช

  16. คุณสมบัติตระกูลเสียง CSS

    ค่านี้เป็นรายการของชื่อตระกูลเสียงที่คั่นด้วยเครื่องหมายจุลภาค สามารถมีค่าดังต่อไปนี้ เสียงทั่วไป − ค่านิยมคือตระกูลเสียง ค่าที่เป็นไปได้คือ ชาย, หญิง และ เด็ก เสียงเฉพาะ − ค่าเป็นตัวอย่างเฉพาะ (เช่น นักแสดงตลก ไตรนอยด์ คาร์ลอส ลานี) ตัวอย่าง คุณสามารถลองใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติตระกูลเสีย

  17. ตั้งค่าตระกูลฟอนต์ต่างๆ สำหรับหน้าจอและพิมพ์ด้วย CSS

    ตัวอย่างต่อไปนี้ระบุตระกูลแบบอักษรที่แตกต่างกันสำหรับหน้าจอและการพิมพ์ CSS ถัดไปใช้ขนาดแบบอักษรเดียวกันสำหรับทั้งหน้าจอและเครื่องพิมพ์ ตัวอย่าง <style>    <!--       @media screen {          p.bodyText {font-family:verdana, arial, sans-seri

  18. สร้างเค้าโครงคอลัมน์โดยใช้ CSS

    ในการสร้างเค้าโครงคอลัมน์ กำหนดระยะขอบและช่องว่างภายในของเอกสารทั้งหมดดังนี้ <style>    <!--       body {          margin:9px 9px 0 9px;          padding:0;          background:#FFF;  

Total 1566 -คอมพิวเตอร์  FirstPage PreviousPage NextPage LastPage CurrentPage:66/79  20-คอมพิวเตอร์/Page Goto:1 60 61 62 63 64 65 66 67 68 69 70 71 72