您现在的位置是:首页 > 网站制作 > CSS3|Html5CSS3|Html5

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

胜于蓝2019-07-30【CSS3|Html5】人已围观

简介一、Css概念及特点 css——层叠样式表 特点:实现了结构与表现相分离 二、css语法 css由选择符和声明两大部分组成,声明又由属性和属性值两部分组成 选

共享博客0mf胜于蓝|优秀个人博客

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

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

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

 0mf胜于蓝|优秀个人博客

 0mf胜于蓝|优秀个人博客

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

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

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

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

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

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

 0mf胜于蓝|优秀个人博客

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

    1.内联样式(行间样式,行内样式)0mf胜于蓝|优秀个人博客

        语法:0mf胜于蓝|优秀个人博客

           <标记 style="属性:属性值;"></标记>
           eg: <p style="color: red;">共享博客</p>
    2.内部样式(嵌入式样式)

        语法:0mf胜于蓝|优秀个人博客

        <style type="text/css">
        	选择器{
        		属性: 属性值;
        	}
        </style>
        注:style标签一般放在head部分,type="text/css" 告知浏览器style标签之间的内容是css样式,不需要解析到网页。

 0mf胜于蓝|优秀个人博客

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

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

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

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

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

            语法:0mf胜于蓝|优秀个人博客

                <link rel="stylesheet" type="text/css" href="css文件路径" />
            注:link标签一般放在head部分

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

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

            语法:0mf胜于蓝|优秀个人博客

               @import "css文件路径";
            注:@import只能出现在css文件中

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

 0mf胜于蓝|优秀个人博客

四.样式表的优先级(三种样式表的区别)0mf胜于蓝|优秀个人博客

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

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

 0mf胜于蓝|优秀个人博客

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

    语法:0mf胜于蓝|优秀个人博客

        /*注释的内容*/

Tags:

很赞哦! ()

文章评论

当前时间

合作加盟

  • 快钱POSS机
  • 费率:0.038%(刷1万=38元手续费)
  • 单笔最高刷卡金额:5万
  • 单月最高刷卡金额:600万

快钱代理公告

  • 凡事扫码代理必须实名认证
  • 实名认证后才可拉进代理微信群
  • 代理微信群有相关活动政策等

站点信息

  • 建站时间:2018-10-24
  • 网站程序:帝国CMS7.5
  • 主题模板《今夕何夕》
  • 文章统计986篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们