![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3bc556b88b94842d22b75f6175dc63d6.png)
文字
1.概念:Cascading Style Sheets 层叠样式表
层叠:多个样式可以作用于同一个元素(标签)上,同时生效
2.好处:
1.功能强大
2.降低耦合度,分工更容易,提高开发效率
3.使用:(css与html结合方式)
1.内联样式
在标签内部使用style属性指定css代码
2.内部样式
在head标签内,定义style标签指定css代码
3.外部样式
1.定义css资源文件
2.在head标签内,定义link标签,引入外部资源文件
<LINK rel="stylesheet" href="3_外部样式.css">
4.css语法:
选择器{
属性名1:属性值1;
属性名2:属性值2;
……
}
选择器:选择具有相似特征的元素
5.选择器:
分类:
1.基本选择器:优先级1>3>2
1.id选择器:建议在一个html页面中id唯一
选择具体的id属性值
语法:#id属性值{}
2.元素选择器:
相同标签名称的元素
语法:标签名称{}
3.类选择器:
选择具有相同的class属性值的元素
语法:.class属性值{}
2.扩展选择器:
1.选择所有元素:*{}
2.并集选择器:选择器1,选择器2{}
3.子选择器:选择器1 选择器2{}
筛选选择器1下的选择器2中的元素
4.父选择器:选择器1>选择器2{}
筛选选择器2上的选择器1中的元素
5.属性选择器:元素名称[属性名="属性值"]{}
选择元素名称,属性名=属性值的元素
6.伪类选择器:元素:状态{}
选择一些元素具有的状态
6.属性:
1.字体、文本
color
font-size
text-align
line-height
2.背景
background
3.边框
border
4.尺寸
width
height
5.盒子模型
margin:外边距
padding:内边距
float:浮动