2022-07-10 第七小组 姜珊 学习笔记

css样式表

1.css三种样式：

行内样式

内页样式
​外部样式

2.css几种选择器：

标签选择器 类选择器 id选择器 并列选择器 div p{} 子类选择器 dip+p [type] [type=text] 伪类选择器 li:nth-child(){} check{}

3.css三大样式：

层叠性：

1，样式冲突，遵循就近原则 2.样式不冲突就不重叠 有优先级

继承性：

子标签会继承父标签某些样式

权重：

1.继承的样式权重为最低

2.行内样式。权重为最高
​ 3.如果权重相同，就近原则
​ 4.！important，改变权重，大于行内权重

常用单位：

1.px像素：绝对单位，一个像素代表一个点
2.em: 相对单位。会参考父级元素
3.rem: 相对元素，由页面决定
4.百分比：相对于父级元素的比例

常用属性：

1.字体属性
2.背景
列表类型：
区块属性：display：inline-block 内联块（行级块）
盒子模型
margin:外边距
padding：内标距
border
box-sizeing:border-box
定位
相对定位
绝对定位
浮动
：浮动的元素会脱离原来文档流。造成父元素高度坍塌，包围图片和文本div 不占空间，使用浮动元素，后面紧跟元素错乱
重点：
路径-理解
css引入-理解
三大特性-理解
定位了解-理解
盒子模型-了解
心得：
css知识点多，理解记住需要时间，通过和HTML融合的联习，已经了解，但是自己写一个完整的代码有一点困难*