自己对CSS的理解
CSS是一种用于网页设计和开发的语言，它可以给HTML元素添加样式和布局，是HTML进一步优化的语音。
CSS的作用
设置HTML页面的文字内容，图片，外形，版面布局与外观显示的样式
特异度与CSS
特异度用于解决 CSS 样式层叠时的冲突问题，通过选择器的特异度，决定应用哪些样式规则，及哪些规则对对象生效。特异度越高的样式规则越具体，优先级越高，将被应用于相应的元素。
CSS 中，选择器的特异度通过一个计算表达式完成三元组（a, b, c）来表示，其中 a，b, c 分别表示选择器的类/伪类/标签的数量。特异度高的样式则会被表现出来。如果遇到特异度相同，则后面出现的样式规则会覆盖前面的规则。
CSS中的继承
当父元素的样式具有传递功能时，它会自动传递给子元素。例如与字体相关的某些属性，文本属性和部分列表属性等具有继承性，而与模型相关的一般则不能直接继承.但我们可以通过inherit使用显示继承来解决无法继承父元素样式的子元素
模型规则
分成块级与行级。它们决定了元素如何相互作用、排列和呈现。块级元素与行级元素可以互相转化。
块级元素不会与其他盒子并列排放，适用于所有核盒模型属性。块级盒子会独占一行，从新开始，并且默认宽度为100%
行级盒子和其他行级盒子一起放在一行或拆开成多行模型中width与height 是由盒内容器决定的，所以并不适用。行级元素会从左至右排列。
排版
- 行级排版上下文
- 块级排版上下文
- Table排版上下文
- Flex排版上下文
- Grid排版上下文
当父级中既有块级又有行级怎么处理？
1使用块级容器 2清除浮动 3 使用内联块元素
eg
flex布局
Fleix布局可以设置子项弹性，当容器有剩余空间时会伸展，当容器空间不足时会收缩。收缩的倍数并不是指在原先的大小为基础放大或缩小，而是指在原本容器剩余空间内按照一定比例进行划分，给相应的子项。
grid布局
使元素生成一个grid的容器，使用template相关属性将容器划分成网格，并设置每一占哪几个格子。个子项
总结
通过这节课的学习我感受到了css的强大的样式控制能力。CSS语言提供了丰富的样式属性和选择器，能够自由地控制网页中各个元素的外观和布局，设置各种不同的效果。 css有灵活的布局方式，从而使得网页可以适应不同屏幕尺寸和设备类型，以此实现响应式设计。我们在使用css时需要综合思考和实践，要综合考虑不同元素的样式和布局，并进行实践测试，多次改进调整才能达到更好的效果。
对初学者学习的建议
首先，我觉得需要学习基础概念，了解CSS的基本概念和术语，例如选择器、属性、值等。 然后需要实践编码来巩固所学知识。可以创建简单的HTML页面，并在其中应用CSS样式。可以让自己的印象更加深刻。 再是，掌握常用属性和技巧：重点学习常用的CSS属性和常见的样式技巧，如盒模型、文本样式、背景和边框样式，让自己更加的熟练。 还有可以在存在的网页中，看人家的代码，学习别人高级的css样式使用，最重要的就是时常练习，巩固知识点。
