Responsive web design allows websites to automatically adapt their layout to different screen sizes and devices using fluid grids, breakpoints, and media queries. Websites use relative units like percentages for layouts, breakpoints to specify CSS for different screen widths, and media queries to apply distinct styles based on screen size or device. Examples demonstrate how responsive design adapts content for different devices like mobile phones and desktops.
Responsive web design allows websites to automatically adapt their layout to different screen sizes and devices using fluid grids, breakpoints, and media queries. Websites use relative units like percentages for layouts, breakpoints to specify CSS for different screen widths, and media queries to apply distinct styles based on screen size or device. Examples demonstrate how responsive design adapts content for different devices like mobile phones and desktops.
7. Property Description Values
font-style ใชกำหนดรูปแบบของตัว
อักษรในลักษณะตางๆ
normal
italic
oblique เอียง 45 องศา
font-variant ใชแปลงตัวอักษรที่เปนตัว
พิมพเล็กใหเปนพิมพใหญ
โดยที่ขนาดตัวอักษรยังคง
เทาตัวพิมพเล็ก
normal
Small-Caps
font-weight ใชกำหนดความหนาของตัว
อักษร
normal
bold
bolder
lighter
100
200
8. Property Description Values
color ใชกำหนดสีใหตัวอักษร red
#000099
font สามารถกำหนด
property ใหกับ font
ไดในคำสั่งประกาศเดียว
font-style
font-variant
font-weight
font-size
font-family
12. Font > sans-serif, Arial
<p style="font-weight:bold">Love me Love my dog</p>
<p style="font: normal small-caps bold 16px sans-serif, Arial;
color:#FF0033">Love me Love my dog</p>