Texts เล่นกับตัวหนังสือ

css กับการจัดการตัวหนังสือ มึน งง และ อ้าวเฮ้ย อาจจะเกิดขึ้นกับหลายๆ คน เมื่อได้เห็นลักษณะของการเขียนบทความของผม เพราะมันออกจะดู มั่วๆ

ไร้ระเบียบแบบแผนไปหน่อย จับโน่นมาก่อน จับนี่มาหลัง ทั้งที่จริงมันควรจะเรียงแบบ เป็นขั้นเป็นตอน อย่างว่าแหละครับ คนที่จะเริ่มปั่นไปพร้อมๆ กับการเขียนเว็บด้วย CSS นี่ อย่างน้อยต้องรู้ html กันมาอยู่แล้ว ผมก็เลยถือเอาว่า ทุกท่าน ไม่มีทาง งง แน่นอน ก็เลยเขียนไปๆ มาๆ อย่างนี้

สำหรับวันนี้มาว่ากันด้วยเรื่องของ ตัวหนังสือกันครับ สำหรับการกำหนดว่า เว็บเราจะใช้ตัวหนังสือ อะไรเป็นฐาน หรือมาตรฐาน ของเว็บ ให้แสดงสีนี้ ทุกหน้า หรือ ขนาดเท่านี้ ทุกหน้า เราสามารถกำหนดได้โดย

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

การกำหนดสีตัวอักษรให้แตกต่างกันในแต่ละคลาส เช่น

ใน box ใดๆ ที่เราคิดว่าจะให้ตัวหนังสือเป็นสีอื่น ไม่ใช่สีดำ

คลาสที่ใช้ลักษณะตัวหนังสือที่กำหนดโดย body

ตัวหนังสือที่ไม่ใช่สี ดำ แต่เป็นสีส้ม #FF9900

การเขียน .box P { } แทนที่จะเขียน P เฉยๆ เป็นการเจาะจงว่า ให้กำหนดเฉพาะ P ที่ยู่ในคลาส box เท่านั้น ตั้งหนังสือที่ถูกครอบอยู่ด้วย P ใน คลาส .box จะแสดงเป็นสี #FF9900; เสมอ

รักกันชอบกันอย่าลืมแชร์นะครัช:
0

Back to Top

6 Responses to Texts เล่นกับตัวหนังสือ

  1. ddd

    Reply

  2. 100z

    Reply

  3. บรุ๊ค

    แวะมาเยี่ยม และขอบคุณสำหรับความรู้

    Reply

  4. O_O

    font-family: Tahoma, "Ms Sans Serif";

    แบบนี้ไม่ใช่เหรอ

    Reply

  5. พร อันทะ

    ถ้าเป็นอย่างที่ท่าน O_O ว่า ก็ ขออภัยผู้อ่านอย่างแรงครับ

    เดี๋ยวผมต้องตรวจสอบและแก้ไขอีกทีซะแล้ว

    Reply

  6. พร อันทะ

    ลองอย่างนี้โดๆ ไปเลยครับ

    Tahoma คือฟ้อนท์ ที่ผมรู้สึกว่าปัญหาน้อยที่สุดกับภาษาไทยครับ

    font-family : Tahoma, Verdana, sans-serif;

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to Top

Social media & sharing icons powered by UltimatelySocial