css:
css是一种描述html文档样式的语言。css描述应该如何显示html元素
1,为什么要使用css?
定义网页的样式,包括针对不同设备和屏幕尺寸的设计和布局。
优先级:id选择器=class类选择器>标签选择器>通用选择器
2, 基本选择器:
标签选择器:元素名称
id选择器:给元素设置id属性(#),id是页面中唯一的,id不能以数字开头
class类选择器:给元素设置class属性(.)
3,通用选择器( * )
4,组合选择符
分组选择器:所有具有相同样式定义的html元素,用逗号隔开
5,后代选择器
某元素的后代元素
6,子元素选择器
子元素选择器没问题,容器有问题
7,相邻兄弟选择器
8,属性选择器
[attribute]选择器
[attribute="value"]选择器
9,position 属性
position : static ;
默认情况下定位为static (静态)
不会受top left right等属性影响
position : relative ;
受到top left right等属性导致偏移正常调整,不会对其余内容进行调整来适应元素留下的任何空间
position : fixed ;
相对于视口定位的,这意味着即使滚动页面,他也始终位于同一位置,top,right等属性用于此
position : absolute ;
相对于最近的祖先位元素进行定位,如果没有祖先,
position : sticky ;
粘性元素根据滚动位置再相对和固定之间切换,起先它会被相对定位,直到视口中遇到给定的偏移位置为止,将其粘贴在适当的位置
10,重叠元素
z-index 属性指定元素的堆栈顺序
可以设置正负值