CSS样式

CSS的优势:

  内容与表现分离

  网页的表现统一,容易修改

  丰富的样式,使得页面布局更加灵活

  减少网页的代码量,增加网页的浏览速度,节省网络带宽

  运用独立于页面的CSS,有利于被搜索引擎收录


CSS基本语法结构:

  语法:h1{

    font-size:16px;

            属性:值;

           }


  style标签:

       <style type="text/css">

        h1{

            font-size:16px;

            属性:值;

           }

    </style>

CSS选择器:

  标签:HTML标签作用为标签选择器的名称

        <h1>...<h6>、<p>、<img/>

    语法:p{font-size:16px;}

  类选择器:多次使用

           <标签名  class="类名称">标签内容</..>

    语法:class{font-size:16px;}

  ID选择器:不能重复使用

    #id{font-size:16px;}

CSS样式:

  内部样式:

    <style type="text/css"></style>

  行内样式:

    <h1 style="color=red"></h1>

  外部样式:(链接式)

    <head>

               <link href="文件所在位置" rel="在页面使用外部样式" type="text/css"/>

    </head>

         

样式优先级:

  行内样式>内部样式>外部样式

  ID选择器>类选择器>标签选择器

原文地址:https://www.cnblogs.com/yiui/p/6919233.html