2024年04月11日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客
一、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注释
语法：
/*注释的内容*/
本文链接：http://so.lmcjl.com/news/1766/