แนะนำการใช้งาน CSS เบื้องต้น เพื่อเตรียมตัวเป็น "Web programming"

หมวดหลัก:: บทเรียน - เขียนโปรแกรม เบื้องต้น; บทเรียน -...
หมวด:: บทเรียน AJAX; บทเรียน AJAX; อัปเดตล่าสุด: 02 ตุลาคม 2565 02 ตุลาคม 2565

แนะนำการใช้งาน CSS เบื้องต้น เพื่อเตรียมตัวเป็น "Web programming"

การเรียกใช้งาน CSS เบื้องต้น สามารถทำได้ 3 แบบ
ในแบบที่ 1 เขียนคำสั่ง CSS เข้าที่ไฟล์ HTML โดยตรง ด้วยการเปิด-ปิด แท็ก <Style>…</Style>

ไฟล์ตัวอย่าง :: code_1.html

<!DOCTYPE html>
<html>
    <head>
        <title> CSS </title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            body {
                font-size: 36px;
            }
           #mindphp{
                font-size: xx-small;
                background-color: #00FF00;
            }
           .classmindphp{
                font-size: larger;
                font-style: italic;
            }
            div {
                background-color: #0000FF;
            }
             p.classmindphp {
                background-color:#999999;
            }
        </style>
    </head>
        <body>
            <div>ตัวอย่าง</div>
            <div id="mindphp">Mindphp.com</div>
            <div class="classmindphp">ข้อความที่อยู่ใน classmindphp Mindphp.com</div>
            <p class="classmindphp">ข้อความที่อยู่ใน classmindphp Tag p</p>
        </body>
</html>

แบบที่ 2 เรียกไฟล์เข้ามาใช้งาน <link href="/……<ที่อยู่ไฟล์>.CSS " rel="stylesheet">

ตัวอย่าง การใช้งานแบบที่ 2

<link href="/./datepicker.css" rel="stylesheet">

แบบที่ 3 เขียนแทรกเข้าที่ แท็ก HTML เลย <div style="font-size: x-large">……….<ตัวหนังสือ>………</div>

ตัวอย่าง การใช้งานแบบที่ 3

<div style="font-size: x-large">TODO write content</div>

สามารถศึกษารายละเอียด CSS ทั้งหมดได้จากวีดีโอ คลิกที่นี่

หัวเรื่อง: แนะนำการใช้งาน CSS เบื้องต้น
หมวดหมู่: Ajax, Ajax
ฮิต: 27012
ผู้สร้างเอกสาร: thatsawan
วันที่สร้างเอกสาร: 2014-06-23 23:58:25

code_1.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 537 bytes

ผู้อัพโหลดไฟล์ thatsawan

วันที่อัพโหลด 2014-06-23 16:58:20

กระทู้ล่าสุดจากเว็บบอร์ด

หัวข้อกระทู้	ตอบ	เปิดดู	ล่าสุด
เหตุผลที่ควรจ้างคนรับทำกราฟฟิกและข้อดีของการทำกราฟฟิก โดย admeadme อ 19 ก.ย. 2023 2:53 pm บอร์ด Share Knowledge	0	561	อ 19 ก.ย. 2023 2:53 pm โดย admeadme
สรุปความต้องการ / ข้อมูลสำหรับ พัฒนาระบบ โดย mindphp จ 28 ส.ค. 2023 1:38 pm บอร์ด สมาธิ คาร์ เร้นท์ทัล จำกัด - เว็บไซต์รถเช่า (Main)	15	173	อ 27 ก.พ. 2024 3:16 pm โดย Narisara
อยากได้ โน้ตบุ๊คเล่นเกม ราคาไม่แพง เลือกยังไงดี ! โดย asider8629 จ 18 ก.ย. 2023 6:54 pm บอร์ด Mobile Programming - Android, iOS, Window Phone	0	1569	จ 18 ก.ย. 2023 6:54 pm โดย asider8629
เรียนป.ตรี ไปด้วยทำงานไปด้วย ได้ไหม? โดย bonddekd จ 18 ก.ย. 2023 3:54 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย	0	294	จ 18 ก.ย. 2023 3:54 pm โดย bonddekd
รบกวน แนะนำหน่อยครับ เชื่อมต่อฐานข้อมูลตอนติดตั้ง joomla 4 ไม่ได้ โดย sanan.kp จ 18 ก.ย. 2023 3:36 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM	1	3184	จ 18 ก.ย. 2023 3:53 pm โดย mindphp
คำถามน่าสนใจ เกี่ยวกับ Digital Ocean 1 cpu 1gb รองรับได้กี่เว็บครับ - ผมลอง lighthouse เเล้ว error 504 ตลอดเล โดย mindphp จ 18 ก.ย. 2023 2:23 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์	0	795	จ 18 ก.ย. 2023 2:23 pm โดย mindphp
document.getElementById vs Query $() โดย jataz2 จ 18 ก.ย. 2023 12:09 pm บอร์ด JavaScript & jQuery Ajax & Node.JS	0	803	จ 18 ก.ย. 2023 12:09 pm โดย jataz2
สอบถามทำ custom field type กดบันทึกแล้วข้อมูลไม่แสดงครับ โดย Thanapoom1514 จ 18 ก.ย. 2023 11:26 am บอร์ด Joomla Development	2	1079	จ 18 ก.ย. 2023 11:39 am โดย Thanapoom1514

แนะนำการใช้งาน CSS เบื้องต้น เพื่อเตรียมตัวเป็น "Web programming"

แนะนำการใช้งาน CSS เบื้องต้น เพื่อเตรียมตัวเป็น "Web programming"

code_1.zip

เนื้อหาใกล้เคียง

หัวข้อกระทู้

ตอบ

เปิดดู

ล่าสุด