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

CSS

时间:2017-06-05 15:42:53      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:基本语法   样式   使用外部   使用   选择   速度   mil   优先级   代码   

一.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="文件所在位置" rel="在页面使用外部样式" type="text/css"/>
             </head>         
 4.样式优先级;
    行内>内部>外部>     id>类选择器>标签

CSS

标签:基本语法   样式   使用外部   使用   选择   速度   mil   优先级   代码   

原文地址:http://www.cnblogs.com/zyy0115/p/6944937.html

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