แนะนำการใช้งาน 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

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

หัวข้อกระทู้	เปิดดู	ล่าสุด
การใช้ ActionChains ใน Selenium สำหรับจำลองการกระทำบนหน้าเว็บ โดย athirach.offcial จ 01 เม.ย. 2024 12:25 pm บอร์ด Software testing	201	จ 01 เม.ย. 2024 12:25 pm โดย athirach.offcial
การทำงานกับ Cookies ใน Selenium โดย athirach.offcial จ 01 เม.ย. 2024 12:03 pm บอร์ด Software testing	120	จ 01 เม.ย. 2024 12:03 pm โดย athirach.offcial
การเขียน Selenium ให้แจ้งเตือน Message Error โดย athirach.offcial จ 01 เม.ย. 2024 11:59 am บอร์ด Software testing	113	จ 01 เม.ย. 2024 11:59 am โดย athirach.offcial
เครื่องมือที่ช่วยในการทำ Automated test ใน python โดย athirach.offcial จ 01 เม.ย. 2024 11:51 am บอร์ด Software testing	110	จ 01 เม.ย. 2024 11:51 am โดย athirach.offcial
selenium เวอร์ชั่น ปัจจุบัน เป็นเวอร์ชั่นที่เท่าไหร่ โดย athirach.offcial จ 01 เม.ย. 2024 11:39 am บอร์ด Software testing	87	จ 01 เม.ย. 2024 11:39 am โดย athirach.offcial
ปัจจัยที่ทำให้เกิด Spam score ในเว็บไซต์ โดย athirach.offcial จ 01 เม.ย. 2024 11:27 am บอร์ด Share Knowledge	151	จ 01 เม.ย. 2024 11:27 am โดย athirach.offcial
Dell Optiplex 980 ไม่รองรับแรม Rank แบบ Single Rank โดย mindphp จ 01 เม.ย. 2024 1:55 am บอร์ด ถาม - ตอบ คอมพิวเตอร์	349	จ 01 เม.ย. 2024 1:55 am โดย mindphp
การจัดประเภทของการ Test โปรแกรม โดย athirach.offcial ส 30 มี.ค. 2024 12:54 pm บอร์ด Software testing	215	ส 30 มี.ค. 2024 12:54 pm โดย athirach.offcial

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

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

code_1.zip

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

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

ตอบ

เปิดดู

ล่าสุด