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

长度单位

    
        
        
        
    
    

        


            


        

    

web前端开发学习Q-q-u-n： 731771211，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）

颜色

    
        
        
        
    
    
        

    

web前端开发学习Q-q-u-n： 731771211，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）

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

文本的大小以及颜色

    
        
        
        
    
    
        

            我是一个p标签，ABCDEFGabcdefg
        
    

文字的字体

    
        
        
        
    
    

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

文字的字体样式

    
        
        
        
    
    

        
我是一段文字，ABCDEFGabcdefg

        
我是一段文字，ABCDEFGabcdefg

        
我是一段文字，ABCDEFGabcdefg
    

推荐使用p3的写法。

行间距

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

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

行间距 = 行高 - 字体大小

    
        
        
        
    

    

        

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

        


            我是一个超链接

        

        

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

    

文本的样式

    
        
        
        
    
    

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


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


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

我是超链接

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?
    
    

自己是一个6年的前端工程师,希望本文对你有帮助！

这里推荐一下我的前端学习交流扣qun：731771211 ，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。自己整理了一份2019最全面前端学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，每天分享技术

点击：加入