首页 > 代码库 > CSS

CSS

一.CSS的优势:
 1.内容与表现分离;
 2.网页的表现统一,容易修改;
 3.丰富的式样,使得页面布局更加灵活;
 4.减少网页的代码量,增加网页的浏览速度,节省网络带宽;
 5.运用独立页面的CSS,有利于被搜索引擎收录;

 二.CSS基本语法结构
 1.语法:h1{
            font-size:16px;
            属性:值;
           }
 2.style标签:
   <style type="text/css">
        h1{
            font-size:16px;
            属性:值;
           }
   </style>
 三.CSS选择器
 1.标签:HTML标签作用为标签选择器的名称
        <h1>...<h6>、<p>、<img/>
   语法:p{font-size:16px;}
 2.类选择器:多次使用
   语法:class{font-size:16px;}
        <标签名  class="类名称">标签内容</..>
 3.ID选择器:不能重复使用
        #id{font-size:16px;}
 四.CSS样式
 1.内部样式:<style type="text/css"></style>
 2.行内样式:<h1 style="color=red"></h1>
 3.外部样式:(链接式)
             <head>
               <link href="http://www.mamicode.com/文件所在位置" rel="在页面使用外部样式" type="text/css"/>
             </head>         
 4.样式优先级;
    行内>内部>外部>     id>类选择器>标签

CSS