Css基础 css语法 Css样式表的创建 样式表的优先级

Cfp胜于蓝|优秀个人博客

一、Css概念及特点Cfp胜于蓝|优秀个人博客

    css——层叠样式表Cfp胜于蓝|优秀个人博客

    特点：实现了结构与表现相分离Cfp胜于蓝|优秀个人博客

 Cfp胜于蓝|优秀个人博客

 Cfp胜于蓝|优秀个人博客

二、css语法Cfp胜于蓝|优秀个人博客

    css由选择符和声明两大部分组成，声明又由属性和属性值两部分组成Cfp胜于蓝|优秀个人博客

    选择器 {属性:属性值;}Cfp胜于蓝|优秀个人博客

        eg： p{ color: red; }Cfp胜于蓝|优秀个人博客

        注：①Css样式中所有的标点符号都必须是英文状态下的Cfp胜于蓝|优秀个人博客

              ②Css属性和属性值用冒号连接，每条声明结束都要加分号Cfp胜于蓝|优秀个人博客

 Cfp胜于蓝|优秀个人博客

三、样式表的创建Cfp胜于蓝|优秀个人博客

    1.内联样式（行间样式，行内样式）Cfp胜于蓝|优秀个人博客

        语法：Cfp胜于蓝|优秀个人博客

           <标记 style="属性:属性值;"></标记>
           eg: <p style="color: red;">共享博客</p>

    2.内部样式（嵌入式样式）

        语法：Cfp胜于蓝|优秀个人博客

        <style type="text/css">
        	选择器{
        		属性: 属性值;
        	}
        </style>

        注：style标签一般放在head部分，type="text/css" 告知浏览器style标签之间的内容是css样式，不需要解析到网页。

 Cfp胜于蓝|优秀个人博客

    3.外部样式Cfp胜于蓝|优秀个人博客

    link和@import的区别 http://www.sharedblog.cn/?post=33Cfp胜于蓝|优秀个人博客

        ①使用link标签Cfp胜于蓝|优秀个人博客

            首先：创建一个外部css文件，扩展名为 .cssCfp胜于蓝|优秀个人博客

            最后：在html页面使用link标签引入css文件Cfp胜于蓝|优秀个人博客

            语法：Cfp胜于蓝|优秀个人博客

                <link rel="stylesheet" type="text/css" href="css文件路径" />

            注：link标签一般放在head部分

                  rel用来说明目标文件和当前文件的关系Cfp胜于蓝|优秀个人博客

        ②使用@import方式引入Cfp胜于蓝|优秀个人博客

            语法：Cfp胜于蓝|优秀个人博客

               @import "css文件路径";

            注：@import只能出现在css文件中

                  @import引入的css文件必须放在本页面所有css样式之前Cfp胜于蓝|优秀个人博客

 Cfp胜于蓝|优秀个人博客

四.样式表的优先级（三种样式表的区别）Cfp胜于蓝|优秀个人博客

    在没有出现 !important 的时候，采取就近原则，离被设置的元素越近，优先级越高，一般情况下：内联>内部>外部Cfp胜于蓝|优秀个人博客

    当出现 !important 时候，他的优先级最高： !important > 内联>内部>外部Cfp胜于蓝|优秀个人博客

 Cfp胜于蓝|优秀个人博客

五.Css注释Cfp胜于蓝|优秀个人博客

    语法：Cfp胜于蓝|优秀个人博客

        /*注释的内容*/

Tags：

转载：【免责声明】：转载自其他平台或媒体的文章，本站将注明来源及作者，但不对所包含内容的准确性、可靠性或网站性提供任何明示或暗示的保证，仅做参考！如有侵权，请联系本站并提供相关证明，本站将依据著作权人意见删除该文，并不承担任何责任！
如果您认为本文侵犯了您的版权信息，请与我们联系修正或删除。感谢您对胜于蓝个人博客网站平台的认可，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源胜于蓝个人博客”。/web/html/85.html

扫描关注胜于蓝微信|公众号，第一时间获取网站模板更新动态

本文地址：/web/html/85.html

很赞哦！ ()