ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

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

code_1.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 537 bytes

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

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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - เมนู components หลักหายไปหลายตัว ใน admin
โดย tsukasaz ศ 17 เม.ย. 2020 2:40 pm บอร์ด Odoojob.com - Tester
0
2
ศ 17 เม.ย. 2020 2:40 pm โดย tsukasaz
B - กดเพิ่มเมนูใหม่แล้ว Error
โดย tsukasaz ศ 17 เม.ย. 2020 2:35 pm บอร์ด Odoojob.com - Tester
1
4
ศ 17 เม.ย. 2020 7:53 pm โดย tsukasaz
B - หน้าข้อมูลงาน Jobs List ข้อมูลไม่แสดง
โดย tsukasaz ศ 17 เม.ย. 2020 2:19 pm บอร์ด Odoojob.com - Tester
0
2
ศ 17 เม.ย. 2020 2:19 pm โดย tsukasaz
B - หน้าฟอร์มข้อมูล resume อัพโหลดไฟล์ไม่เข้า
โดย tsukasaz ศ 17 เม.ย. 2020 2:10 pm บอร์ด Odoojob.com - Tester
0
3
ศ 17 เม.ย. 2020 2:10 pm โดย tsukasaz
B - หน้าข้อมูลสมาชิกข้อมูลไม่แสดง และมีแจ้ง Warning
โดย tsukasaz ศ 17 เม.ย. 2020 2:07 pm บอร์ด Odoojob.com - Tester
0
1
ศ 17 เม.ย. 2020 2:07 pm โดย tsukasaz
B - หัวข้อ กับ ชื่อเมนู ไม่ตรงกัน
โดย tsukasaz ศ 17 เม.ย. 2020 2:05 pm บอร์ด Odoojob.com - Tester
0
2
ศ 17 เม.ย. 2020 2:05 pm โดย tsukasaz
AI x THERMAL CAMERA คัดกรองผู้ป่วยด้วยการตรวจจับอุณหภูมิบนใบหน้า
โดย LEG ศ 17 เม.ย. 2020 1:28 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
1120
ศ 17 เม.ย. 2020 1:28 pm โดย LEG
วิธีการเลือกปรับแก้ไข css เฉพาะจุดใดจุดหนึ่งเท่านั้น
โดย Ittichai_chupol ศ 17 เม.ย. 2020 12:29 pm บอร์ด CSS Knowledge
0
100
ศ 17 เม.ย. 2020 12:29 pm โดย Ittichai_chupol
Codeigniter 3.1.0 เจอปัญหาเรื่อง session ไม่เก็บ ใน PHP 7.2
โดย tsukasaz พ 15 เม.ย. 2020 12:38 pm บอร์ด Programming - PHP
1
128
พฤ 16 เม.ย. 2020 11:30 am โดย mindphp
R - Template Email กลับมา log in เพื่อเพิ่ม Profile เเละได้รับเมลจากอะไร ทั้ง TH EN
โดย thatsawan อ 14 เม.ย. 2020 7:27 pm บอร์ด Odoojob.com - Tester
0
4
อ 14 เม.ย. 2020 7:27 pm โดย thatsawan
อัพเกรดเวอร์ชั่นใหม่สำหรับ Joomla ด้วย Component MDUpgrade
โดย prmindphp อ 14 เม.ย. 2020 6:58 pm บอร์ด MindPHP News & Feedback
1
90
พฤ 16 เม.ย. 2020 7:01 pm โดย prmindphp
(Close)B - ได้รับเมลเข้าเว็บเเล้วหลังจากสมัครงานมาเเต่เข้าสู่ระบบไม่ได้
โดย thatsawan อ 14 เม.ย. 2020 6:24 pm บอร์ด Odoojob.com - Tester
2
10
ส 18 เม.ย. 2020 3:16 pm โดย thatsawan
VDO - MDfiles Updated to the latest version 1.5.49
โดย numtan5839 จ 13 เม.ย. 2020 6:55 pm บอร์ด MDFiles - Manual
4
13
อ 14 เม.ย. 2020 2:18 pm โดย mindphp
VDO - แนะนำ feature ใหม่ MDFiles
โดย numtan5839 จ 13 เม.ย. 2020 6:52 pm บอร์ด MDFiles - Manual
4
21
พ 15 เม.ย. 2020 2:22 am โดย mindphp
เป็นเกษตรกรรึป่าวตรวจสอบได้ที่นี่
โดย thatsawan จ 13 เม.ย. 2020 12:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
156
พ 15 เม.ย. 2020 11:32 am โดย thatsawan
บล็อค สแปมบอท ด้วย cloudflare
โดย mindphp จ 13 เม.ย. 2020 4:08 am บอร์ด Linux - Web Server
0
106
จ 13 เม.ย. 2020 4:08 am โดย mindphp
"กรมการจัดหางาน" ตามหาคนว่างงาน รับช่วยงานกรมแบบ Work from home วันละ 300 บาท 45 วัน
โดย thatsawan ส 11 เม.ย. 2020 4:12 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
103
ส 11 เม.ย. 2020 4:12 pm โดย thatsawan
ปัญหา google "อ๊ะ! มีบางอย่างผิดพลาด หน้านี้ไม่ได้โหลด Google Maps "เกิดจากอะไรค่ะ
โดย thatsawan ส 11 เม.ย. 2020 1:28 pm บอร์ด HTML CSS
1
106
ส 11 เม.ย. 2020 1:32 pm โดย mindphp
อยากทราบวิธี ทำให้ แพนทที่สร้างขึ้นมาสามารถทำงานได้อย่างอัตโนมัติ
โดย Ittichai_chupol ศ 10 เม.ย. 2020 10:22 pm บอร์ด Programming - PHP
5
116
ศ 15 พฤษภาคม 2020 11:56 am โดย Ittichai_chupol
B - ลืมตำแหน่งงาน ที่เคยทำงาน ที่บอร์ดหัวข้อว่าง
โดย thatsawan ศ 10 เม.ย. 2020 6:10 pm บอร์ด Odoojob.com - Tester
1
5
ศ 08 พฤษภาคม 2020 3:31 pm โดย thatsawan