web前端入门到实战：CSS的文本格式化样式总汇

长度单位

    
        
        
        
    
    

        


            


        

    

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享学习方法和需要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（从零基础开始到WEB前端项目实战教程，学习工具，全栈开发学习路线以及规划）

颜色

    
        
        
        
    
    
        

    

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享学习方法和需要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（从零基础开始到WEB前端项目实战教程，学习工具，全栈开发学习路线以及规划）

上面的代码如果懒得看的话，想知道颜色的RGB值直接用QQ自带的截图工具就能点两下就知道了。或者用更高级的screen color picker。

文本的大小以及颜色

    
        
        
        
    
    
        

            我是一个p标签，ABCDEFGabcdefg
        
    

文字的字体

    
        
        
        
    
    

        
衬线字体：我是一段文字，ABCDEFGabcdefg
        
非衬线字体：我是一段文字，ABCDEFGabcdefg
        
等宽字体：我是一段文字，IHABCDEFGabcdefg
        
草书字体：我是一段文字，ABCDEFGabcdefg
        
虚幻字体：我是一段文字，ABCDEFGabcdefg
    
        

文字的字体样式

    
        
        
        
    
    

        
我是一段文字，ABCDEFGabcdefg

        
我是一段文字，ABCDEFGabcdefg

        
我是一段文字，ABCDEFGabcdefg
    

推荐使用p3的写法。

行间距

在CSS并没有为我们提供一个直接设置行间距的方式，

• 我们只能通过设置行高来间接的设置行间距，行高越大行间距越大
• 使用line-height来设置行高
• 网页中的文字实际上也是写在一个看不见的线中的，而文字会默认在行高中垂直居中显示

行间距 = 行高 - 字体大小

    
        
        
        
    

    

        

            在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。 这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地?着几十个星星的眼，冷眼。他的口角上现出微笑，似乎自以为大有深意，而将繁霜洒在我的园里的野花草上。 我不知道那些花草真叫什么名字，人们叫他们什么名字。
        

        


            我是一个超链接

        

        

            在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。 这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地?着几十个星星的眼，冷眼。他的口角上现出微笑，似乎自以为大有深意，而将繁霜洒在我的园里的野花草上。 我不知道那些花草真叫什么名字，人们叫他们什么名字。。
        

    


专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享学习方法和需要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（从零基础开始到WEB前端项目实战教程，学习工具，全栈开发学习路线以及规划）

文本的样式

    
        
        
        
    
    

粉房旁边的那小偏房里，还住着一家赶车的，那家喜欢跳大神，常常就打起鼓来，喝喝咧咧唱起来了。鼓声往往打到半夜才止，那说仙道鬼的，大神和二神的一对一答。苍凉，幽渺，真不知今世何世。


粉房旁边的那小偏房里，还住着一家赶车的，那家喜欢跳大神，常常就打起鼓来，喝喝咧咧唱起来了。鼓声往往打到半夜才止，那说仙道鬼的，大神和二神的一对一答。苍凉，幽渺，真不知今世何世。


粉房旁边的那小偏房里，还住着一家赶车的，那家喜欢跳大神，常常就打起鼓来，喝喝咧咧唱起来了。鼓声往往打到半夜才止，那说仙道鬼的，大神和二神的一对一答。苍凉，幽渺，真不知今世何世。

我是超链接

Such stories set us thinking, wondering what we should do under similar circumstances. What events, what experiences, what associations should we crowd into those last hours as mortal beings, what regrets?


Such stories set us thinking, wondering what we should do under similar circumstances. What events, what experiences, what associations should we crowd into those last hours as mortal beings, what regrets?