CSS 字体(font)实例

CSS 实例

• CSS 背景实例
• CSS 文本实例
• CSS 字体(font)实例
• CSS 边框(border)实例
• CSS 外边距 (margin) 实例
• CSS 内边距 (padding) 实例
• CSS 列表实例
• CSS 表格实例
• 轮廓（Outline） 实例
• CSS 尺寸 (Dimension) 实例
• CSS 分类 (Classification) 实例
• CSS 定位 (Positioning) 实例
• CSS 伪类 (Pseudo-classes)实例
• CSS 伪元素 (Pseudo-elements)实例

---

01设置文本的字体

            
                                    
CSS font-family
        
This is a paragraph, shown in the Times New Roman font.
        
This is a paragraph, shown in the Arial font.
    

---

02设置字体尺寸

            
                                    
我是标题1
        
我是标题2
        
我是一个段落
    

---

03设置字体风格

            
                                    
One always has time enough, if one will apply it well.
        
One always has time enough, if one will apply it well.
        
One always has time enough, if one will apply it well.
    

---

04设置字体的异体

            
                                    
One always has time enough, if one will apply it well.
        
One always has time enough, if one will apply it well.
    

---

05设置字体的粗细

            
                                    
Where is the 哈哈 point?
        
Where is the 哈哈 point?
        
Where is the 哈哈 point?
    

---

06所有字体属性在一个声明之内

            
                                    
Where is the 哈哈 point?
        
Where is the 哈哈 point?
           (我的大小20px行高100px)
    

---

CSS字体实例总结

---