แนะนำการใช้งาน 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
ฮิต: 27016
ผู้สร้างเอกสาร: thatsawan
วันที่สร้างเอกสาร: 2014-06-23 23:58:25

code_1.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 537 bytes

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

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

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

หัวข้อกระทู้	ตอบ	เปิดดู	ล่าสุด
การเขียนโปรแกรมเชิงวัตถุด้วยภาษา python โดย wightfall อ 23 เม.ย. 2024 4:13 pm บอร์ด Python Knowledge	0	12	อ 23 เม.ย. 2024 4:13 pm โดย wightfall
แนะนำการเดินทางและสถานที่ท่องเที่ยวในจังหวัดตรังและการเดินทางไปกรุงเทพ โดย wightfall จ 22 เม.ย. 2024 3:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย	0	31	จ 22 เม.ย. 2024 3:41 pm โดย wightfall
ติดตั้ง ESXi ใหม่ จำเป็นต้อง Format Harddisk ก่อนติดตั้งไหมครับ โดย จิ๊กโก๋ ส 20 เม.ย. 2024 2:29 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์	3	149	อ 23 เม.ย. 2024 2:24 pm โดย mindphp
แจ้งปัญหาโพสบทความลงในเว็บบอร์ดส่วนตัวไม่ได้ โดย internTk21 ศ 19 เม.ย. 2024 11:56 am บอร์ด MindPHP News & Feedback	1	51	ศ 19 เม.ย. 2024 12:15 pm โดย internTk21
สอบถาม Google Structure ที่เหมาะกับคอร์สเรียนควรใช้แบบไหนดีค่ะ โดย eange08 ศ 19 เม.ย. 2024 9:56 am บอร์ด Programming - PHP	1	89	ศ 19 เม.ย. 2024 10:28 am โดย mindphp
คำสั่งรวมไฟล์ และ บีบอัดในคำสั่งเดียว tar, zip โดย mindphp พ 17 เม.ย. 2024 7:42 pm บอร์ด Linux - Web Server	0	126	พ 17 เม.ย. 2024 7:42 pm โดย mindphp
เช็คขนาดพื้นที่ฐานข้อมูล แต่ละก้อน แต่ละฐานข้อมูลว่าใช้พื้นที่ไปเท่าไหร่ ด้วย Comamnd Line โดย mindphp จ 15 เม.ย. 2024 11:10 pm บอร์ด PostgreSQL	1	301	จ 15 เม.ย. 2024 11:14 pm โดย mindphp
การติดตั้ง WSL เพื่อใช้งาน Linux Terminal บน Windows โดย tsukasaz ศ 12 เม.ย. 2024 2:25 pm บอร์ด Share Knowledge	0	319	ศ 12 เม.ย. 2024 2:25 pm โดย tsukasaz

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

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

code_1.zip

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

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

ตอบ

เปิดดู

ล่าสุด