ดาวน์โหลด W3.CSS
ดาวน์โหลด W3.CSS
ดาวน์โหลด W3.CSS จากลิงค์นี้: https://www.w3schools.com/w3css/4/w3.css
W3.CSS ฟรี
W3.CSS ใช้งานได้ฟรี ไม่จำเป็นต้องมีใบอนุญาต
วิธีใช้ W3.CSS
ในการใช้ W3.CSS เพียงเพิ่มลิงก์ไปที่ "w3.css" ในหน้าเว็บของคุณ:
ตัวอย่าง
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
หรือดาวน์โหลด w3.css และเรียกใช้จากเว็บไซต์ของคุณเอง:
ตัวอย่าง
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
หากคุณใส่ w3.css ลงในโฟลเดอร์ย่อย ให้เพิ่มชื่อโฟลเดอร์ระหว่างเครื่องหมายทับ:
ตัวอย่าง
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/foldername/w3.css">
หากคุณวาง w3.css ไว้ที่รูทของเว็บ ให้เพิ่มเครื่องหมายทับ:
ตัวอย่าง
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
บันทึกการเปลี่ยนแปลง
ดาวน์โหลดเวอร์ชัน 4.13 จากลิงค์นี้: https://www.w3schools.com/w3css/4/w3.css
| ดู | วันที่ | คำอธิบาย |
|---|---|---|
| 4.15 | 12/2020 | เสริม w3-serif ด้วย w3-sans-serif w3-cursive w3-monospace |
| 4.14 | 11/2020 | เสริม w3-padding ด้วย w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
| 4.13 | 06/2019 | ปรับให้เข้ากับการเปลี่ยนแปลงเล็กน้อยใน Normalize.css |
| 4.12 | 11/2018 | เพิ่ม w3-stretch |
| 4.11 | 10/2018 | เพิ่ม w3-auto เปลี่ยน margin:auto เป็น margin-left:auto และ margin-right:auto ใน w3-content |
| 4.10 | 02/2018 | เพิ่ม "outline:0" ให้กับ w3-bar-item ใน w3-bar และ w3-bar-block |
| 4.09 | 12/2017 | นำ "outline:0" ออกจากปุ่ม |
| 4.08 | 10/2017 | เพิ่ม "z-index:1" ใน w3-dropdown-content |
| 4.07 | 08/2017 | เพิ่ม "vertical-align:middle" ให้กับภาพ |
| 4.06 | 08/2017 | เพิ่มคลาสสีเวอร์ชัน 3 ให้กับเส้นขอบ เส้นขอบที่เลื่อนได้ และข้อความที่เลื่อนได้ |
| 4.05 | 06/2017 | เพิ่ม "display:block" ใน w3-responsive |
| 4.04 | 04/2017 | เพิ่ม "float: none" ให้กับ w3-bar-item ภายใน w3-bar-block |
| 4.03 | 03/2017 | แก้ไขข้อผิดพลาดเล็กน้อยใน "w3-col m3" |
| 4.02 | 03/2017 | เพิ่มสีข้อความเวอร์ชัน 3 |
| 4.01 | 03/2017 |
ปรับสีเทา/เทาให้ จางลง แก้ไขข้อผิดพลาดของสีเส้นขอบบางส่วน |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
ที่เก็บ GitHub
ที่เก็บ GitHub คือ: https://github.com/JaniRefsnes/w3css
กำลังตรวจสอบ W3.CSS
การตรวจสอบ W3.CSS อาจส่งคืนข้อผิดพลาดบางอย่าง
คุณมักจะได้รับข้อผิดพลาดบางอย่างเมื่อคุณเรียกใช้การตรวจสอบ W3C
จะมีค่าเฉพาะของเบราว์เซอร์อยู่นอกข้อกำหนด W3C ปัจจุบันเสมอ
| คุณสมบัติ | คำอธิบาย |
|---|---|
| ตัวชี้เหตุการณ์ | คุณสมบัติไม่ถูกต้องใน CSS3 แต่แนะนำสำหรับ CSS4 ใช้ใน W3.CSS เพื่อลบตัวชี้มือออกจากองค์ประกอบที่ปิดใช้งาน |
| ผู้ใช้เลือก | คุณสมบัติไม่ถูกต้องใน CSS3 แต่แนะนำสำหรับ CSS4 ใช้ใน W3.CSS เพื่อลบการเลือกข้อความออกจากองค์ประกอบที่คลิกได้ |
| pseudo-class :valid | ค่าไม่ถูกต้องใน CSS3 แต่แนะนำสำหรับ CSS4 ใช้ใน W3.CSS เพื่อระบุอินพุตที่ถูกต้อง |
| @-webkit-keyframes | เพิ่มใน W3.CSS เพื่อให้แอนิเมชั่นทำงานในเบราว์เซอร์ webkit (Chrome, Safari และ Opera เวอร์ชันเก่า) |
ปรับแต่ง W3.CSS
W3.CSS มีฟอนต์พื้นฐานและขนาดฟอนต์
คุณสามารถปรับแต่ง W3.CSS ได้โดยเปลี่ยนการตั้งค่าเหล่านี้:
ตัวอย่าง
html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin:
20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1
{font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4
{font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
hr
{
height: 0;
border: 0;
border-top: 1px solid
#eee;
margin: 20px 0;
}
W3.CSS ถูกทำให้เป็นมาตรฐาน
การปรับสไตล์ชีตให้เป็นมาตรฐานทำได้เพื่อ:
- แก้ไขบั๊กของเบราว์เซอร์
- ลบความไม่สอดคล้องกันของเบราว์เซอร์
- รับรองค่าเริ่มต้นของเบราว์เซอร์ทั่วไป
- ทำให้รูปแบบขององค์ประกอบ HTML ทั้งหมดเป็นปกติ
- เพิ่มการปรับปรุง CSS
สารสกัดจาก Normalize.css ใช้ใน W3.CSS
สิ่งนี้ทำให้ W3.CSS แสดง HTML อย่างสม่ำเสมอในเบราว์เซอร์ทั้งหมด และสอดคล้องกับมาตรฐานเว็บสมัยใหม่