Latest web development tutorials
×

Foundation หลักสูตร

Foundation หลักสูตร Foundation เริ่มต้น Foundation ข้อความ Foundation ตาราง Foundation ปุ่มกด Foundation กลุ่มปุ่ม Foundation ไอคอน Foundation ฉลาก Foundation กล่องแจ้งเตือน Foundation แถบความคืบหน้า Foundation แผงหน้าปัด Foundation ภาพ Foundation เมนูแบบเลื่อนลง Foundation รายการพับ Foundation รายการ Foundation แถบ Foundation เพจจิ้ง Foundation ดัชนีราคาสินค้า Foundation แถบนำทางด้านบน Foundation แถบด้านข้าง Foundation นำทางสไลด์(Off-Canvas) Foundation Magellan Foundation ฟอร์ม Foundation ขนาดของกรอบการป้อนข้อมูล Foundation สวิตซ์ Foundation Slider Foundation ลูกโป่ง Foundation กล่อง Modal Foundation Joyride Foundation ควอไลเซอร์

Foundation กินกัน

Foundation ระบบกริด Foundation กินกัน - ซ้อนกันในแนวนอน Foundation กินกัน - อุปกรณ์ขนาดเล็ก Foundation กินกัน - อุปกรณ์ขนาดกลาง Foundation กินกัน - อุปกรณ์ขนาดใหญ่ Foundation บล็อกตาราง Foundation ตัวอย่างตาราง

Foundation คู่มืออ้างอิง

Foundation คู่มืออ้างอิงไอคอน Foundation CSS คู่มืออ้างอิง Foundation CSS ความชัดเจน

มูลนิธิข้อความ

ค่าเริ่มต้นของมูลนิธิ

มูลนิธิจะใช้ขนาดตัวอักษรเริ่มต้นเบราว์เซอร์ ( font-size:100% ) เบราว์เซอร์สก์ท็อปส่วนใหญ่ตัวอักษรเริ่มต้นคือ 16px เบราว์เซอร์สำหรับลูกค้าโทรศัพท์มือถือมากที่สุดแบบอักษรเริ่มต้นเป็น 12px ตัวอักษรเริ่มต้นคือ "Helvetica Neue" เริ่มต้น line-height ไป 1.5

ค่าเริ่มต้นคือสูงกว่าค่าเฉลี่ยสำหรับ <body> องค์ประกอบ


การออกแบบฐานรากไหลข้อความ

บทนี้เราจะหารือเกี่ยวกับการออกแบบการไหลของข้อความของมูลนิธิ

ตัวอย่างต่อไปนี้ของสไตล์จริงโปรดคลิกที่ปุ่ม "ลอง" เพื่อดู


<h1> - <H6>

มูลนิธิกลายเป็นส่วนหัวของ HTML ( <h1> การ <h6> ) เป็นดังนี้:

ตัวอย่าง

ชื่อ H1

ชื่อ H2

ชื่อ H3

ชื่อ H4

ชื่อ H5
ชื่อ H6

ลอง»

เคล็ดลับ: หากคุณจำเป็นต้องสร้างชื่อสีอ่อนคุณสามารถเพิ่มองค์ประกอบ .subheader หมวดหมู่:

ตัวอย่าง

h1.subheader

h2.subheader

h3.subheader

h4.subheader

h5.subheader
h6.subheader

ลอง»

<small>

ในมูลนิธิที่ HTML <small> องค์ประกอบที่จะใช้ในการสร้างคำบรรยายสีอ่อน:

ตัวอย่าง

มุ่งหน้า H1 ข้อความรอง

H2 มุ่งหน้าข้อความรอง

มุ่งหน้าไป h3 ข้อความรอง

มุ่งหน้า H4 ข้อความรอง

H5 มุ่งหน้าข้อความรอง
H6 มุ่งหน้าข้อความรอง

ลอง»

<a>

มูลนิธิ <a> องค์ประกอบลักษณะดังต่อไปนี้:

ตัวอย่าง


ลอง»

<abbr>

มูลนิธิ <abbr> องค์ประกอบลักษณะดังต่อไปนี้:

ตัวอย่าง

ที่ถูกก่อตั้งขึ้นในปี 1948


ลอง»

<Blockquote>

มูลนิธิ <blockquote> องค์ประกอบลักษณะดังต่อไปนี้:

ตัวอย่าง

วิทยาศาสตร์ไม่ได้เป็นเพียงเทคโนโลยี แต่ยังฝัน!

กวดวิชานี้

ลอง»

<Dl>

มูลนิธิ <dl> องค์ประกอบลักษณะดังต่อไปนี้:

ตัวอย่าง

กาแฟ
- เครื่องดื่มร้อนสีดำ
นม
- เครื่องดื่มเย็นสีขาว

ลอง»

<code>

มูลนิธิ <code> องค์ประกอบลักษณะดังต่อไปนี้:

ตัวอย่าง

องค์ประกอบ HTML ต่อไปนี้: span , section และ div เป็นส่วนหนึ่งของเอกสาร


ลอง»

<Kbd>

มูลนิธิ <kbd> องค์ประกอบลักษณะดังต่อไปนี้:

ตัวอย่าง

กด Ctrl + P คีย์เพื่อเปิดหน้าต่างพิมพ์


ลอง»

<hr>

มูลนิธิ <hr> องค์ประกอบลักษณะดังต่อไปนี้:

ตัวอย่าง



ลอง»