码迷,mamicode.com
首页 > Web开发 > 详细

CSS样式

时间:2017-05-29 23:27:50      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:height   样式   优先级   ref   搜索   名称   html   基本   ...   

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选择器>类选择器>标签选择器

CSS样式

标签:height   样式   优先级   ref   搜索   名称   html   基本   ...   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!