CSS三种样式

作者: Mg明明就是你 | 来源:发表于2016-09-04 22:29 被阅读52次
    • 什么是CSS?

      • CSS的全称是Cascading Style Sheets,层叠样式表
      • 它用来控制HTML标签的样式,在美化网页中起到非常重要的作用
      • 如果吧HTML5比作是建造房子,那么HTML就是刚刚建好的房子的砖头和骨架,而CSS就是对房子的装修的瓷块和石灰等,只有HTML+CSS一起搭建出来的页面才具有美感

    • CSS的编写格式:

      • 键值对形式

        color:red;
        background-color:blue;
        font-size:20px;
    

    • CSS的三种样式:

      • 行内样式:(内联样式)直接在标签的style属性中书写

        <body style="color:red;">内容</body>
    
    行内样式.png
    - ###页内样式:在本网页的的style标签中书写
    
       <style>
            body {
                color:red;
            }
       </style>
    
    页内样式.png
    -  ###外部样式:在单独的CSS文件中书写,然后在网页中用link标签引用
    
        <link  rel="stylesheet" href="css/index.css">
    

    外部样式.png
    • 总结:CSS的规律

      • 就近原则
      • 叠加原则

    相关文章

      网友评论

        本文标题:CSS三种样式

        本文链接:https://www.haomeiwen.com/subject/yjzlettx.html