ดาวน์โหลด W3.CSS
ดาวน์โหลดรุ่นล่าสุดจากลิงค์นี้: http://www.w3ii.com/lib/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="http://www.w3ii.com/lib/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"> รุ่นล่าสุด
| รุ่น | ลักษณะ |
|---|---|
| 2.6 | เวอร์ชัน 2.6 เดือนพฤษภาคม 2016 ดาวน์โหลด 2.6 |
| 2.52 | เพิ่ม W3-padding-W3 และ Hor-padding-Ver |
| 2.5 | รุ่น 2.5 เมษายน 2016 ดาวน์โหลด 2.5 |
| 2.5 | ปรับค่าการเปลี่ยนแปลงเล็ก ๆ น้อย ๆ |
| 2.4 | เพิ่ม W3-threequarter เพิ่ม W3 หน้าจอ-W3 topmiddle และจอแสดงผล-bottommiddle เพิ่ม W3 โปร่งใสและ W3-hover ไม่มีใคร ระยะเวลาที่มีการเปลี่ยนแปลงของแอนิเมชั่ W3-เคลื่อนไหว-ทึบ 4-1.5 วินาที |
| 2.3 | การแก้ไขข้อผิดพลาดเล็ก ๆ น้อย ๆ พิกเซลในคำสั่งสื่อ ที่เพิ่มเข้ามาเรียนทุกสีสี W3-border- |
| 2.2 | เพิ่มความกว้าง 100% เพื่อ <li> องค์ประกอบใน W3-แถบนำทางบนหน้าจอขนาดเล็ก (<601px กว้าง) |
| 2.1 | เพิ่ม W3-hover เงา เพิ่ม W3-hover-แอปรับส่งข้อความสี เปลี่ยน Z-W3 ดัชนีของคำกริยาที่ "3" (แทน 1) |
| 2.0 | กุมภาพันธ์ 2016 ดาวน์โหลด 2.0 |
| 1.99 | เพิ่ม W3-W3 หลักและยุบ เพิ่ม W3-serif เพิ่ม W3 ซ้อนทับ เพิ่ม W3-ProgressBar เพิ่ม W3-Show-อินไลน์บล็อก เพิ่ม W3-เคลื่อนไหวอินพุต เพิ่ม W3 หน้าจอ-Container เพิ่ม W3-การแสดงผลรายนามสมาชิก เพิ่ม W3 หน้าจอ-ซ เพิ่ม W3-แสดงผล bottomright เพิ่ม W3-แสดงผล bottomleft |
| 1.98 | เพิ่ม W3-เคลื่อนไหวซีดจาง |
| 1.97 | เพิ่ม W3-btn บล็อก เพิ่ม W3-หีบเพลงและ W3-หีบเพลงเนื้อหา |
| 1.96 | เพิ่มแบบเลื่อนลง W3-sidenav เพิ่มสไลด์โชว์ เพิ่มแท็บ (tabulators) |
| 1.95 | เพิ่ม W3 แนวตั้ง เพิ่มสีซีด W3-hover |
| 1.94 | เพิ่ม W3-Navbar เพิ่ม W3-hover- สี |
| 1.93 | ลบออก W3 แท็บ ใช้ W3-topnav หรือ W3-sidenav แทน |
| 1.92 | ลบออก W3-blockquote ใช้ W3-leftbar แทน |
| 1.91 | เพิ่ม W3-อ่อนสีแดง, W3-ซีดเหลือง W3-เขียวซีด, W3-ซีดสีฟ้า เพิ่ม W3-topbar, W3-BottomBar, W3-leftbar, W3-rightbar เพิ่ม W3 พรมแดนแดง W3 พรมแดนเหลือง W3 พรมแดนเขียว W3 พรมแดนฟ้า |
| 1.9 | มกราคม 2016 ดาวน์โหลด 1.9 |
| 1.8 | ธันวาคม 2015 |
| 1.7 | พฤศจิกายน 2015 |
| 1.6 | ตุลาคม 2015 |
| 1.5 | กันยายน 2015 |
| 1.4 | สิงหาคม 2015 |
| 1.3 | สิงหาคม 2015 |
| 1.2 | กรกฎาคม 2015 |
| 1.1 | มิถุนายน 2015 |
| 1.1 | พฤษภาคม 2015 |
การตรวจสอบ W3.CSS
ตรวจสอบ W3.CSS อาจส่งคืนข้อผิดพลาดบาง
 | คุณมักจะได้รับข้อผิดพลาดบางอย่างเมื่อคุณเรียกใช้การตรวจสอบ W3C ก็คือจะมีบางค่าเฉพาะเบราว์เซอร์นอกข้อกำหนด W3C ปัจจุบัน |
|---|
| คุณสมบัติ | ลักษณะ |
|---|---|
| ชี้เหตุการณ์ | คุณสมบัติไม่ถูกต้องใน CSS3 แต่แนะนำให้ CSS4 ที่ใช้ในการ W3.CSS เพื่อเอาตัวชี้มือจากองค์ประกอบพิการ |
| ผู้ใช้เลือก | คุณสมบัติไม่ถูกต้องใน CSS3 แต่แนะนำให้ CSS4 ที่ใช้ในการ W3.CSS ในการลบข้อความที่เลือกจากองค์ประกอบที่สามารถคลิกได้ |
| หลอกชั้น: ถูกต้อง | ค่าไม่ถูกต้องใน CSS3 แต่แนะนำให้ CSS4 ที่ใช้ในการ W3.CSS ที่จะบ่งชี้ว่าการป้อนข้อมูลที่ถูกต้อง |
| @ -webkit-คีย์เฟรม | ที่เพิ่มเข้ามา 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 เป็นปกติ
normalizing สไตล์ชีจะทำเพื่อ:
- ข้อบกพร่องเบราว์เซอร์ที่ถูกต้อง
- นำความไม่สอดคล้องกันเบราว์เซอร์
- มั่นใจค่าเริ่มต้นของเบราว์เซอร์ทั่วไป
- ปกติรูปแบบขององค์ประกอบ HTML ทั้งหมด
- เพิ่มการปรับปรุง CSS
สารสกัดจาก Normalize.css ใช้ใน W3.CSS
นี้จะทำให้การแสดงผล HTML W3.CSS ต่อเนื่องในเบราว์เซอร์และสอดคล้องกับมาตรฐานเว็บสมัยใหม่