百变鹏仔-专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > CSS > 正文

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

作者:鹏仔先生日期:2020-06-02 09:46:15浏览:1601分类:CSS

一、Css概念及特点

    css——层叠样式表

    特点:实现了结构与表现相分离



二、css语法

    css由选择符和声明两大部分组成,声明又由属性和属性值两部分组成

    选择器 {属性:属性值;}

        eg: 

p{
	color: red;
}

        注:①Css样式中所有的标点符号都必须是英文状态下的

              ②Css属性和属性值用冒号连接,每条声明结束都要加分号


三、样式表的创建

    1.内联样式(行间样式,行内样式)

        语法:

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


    2.内部样式(嵌入式样式)

        语法:

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

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


    3.外部样式

        ①使用link标签

            首先:创建一个外部css文件,扩展名为 .css

            最后:在html页面使用link标签引入css文件

            语法:

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

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

                  rel用来说明目标文件和当前文件的关系

        ②使用@import方式引入

            语法:

@import "css文件路径";

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

                  @import引入的css文件必须放在本页面所有css样式之前


四、样式表的优先级(三种样式表的区别)

    在没有出现 !important 的时候,采取就近原则,离被设置的元素越近,优先级越高,一般情况下:内联>内部>外部

    当出现 !important 时候,他的优先级最高: !important > 内联>内部>外部


五、Css注释

    语法:

/*注释的内容*/


手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯