今天补发《深入CSS》的笔记,以下是本人关于CSS的的记录。 CSS是一种标记语言,用于描述HTML(超文本标记语言)和XML(可扩展标记语言)文档的样式。它用于设置网页的布局、颜色、字体和其他视觉效果。
CSS语法:CSS规则由两部分组成:选择器和声明块。选择器用于指定要应用样式的HTML元素,而声明块包含一个或多个声明,每个声明设置元素的特定样式属性。
选择器:CSS有多种类型的选择器,包括元素选择器、类选择器、ID选择器、属性选择器和后代选择器等。选择器可以用于选择单个元素、一类元素或一组元素。
样式规则:每个声明由属性和值组成。属性是样式属性的名称,而值是属性的值。例如,color: red; 表示文本颜色为红色。
层叠:CSS中的样式可以层叠在一起。这意味着多个样式可以应用于同一元素,而最终的样式是由这些样式按照一定的规则组合而成的。在处理冲突样式时,具有更高优先级的样式将覆盖具有较低优先级的样式。
样式表:可以将CSS规则组织到一起并保存为样式表。一个样式表可以包含多个规则,这些规则可以用于多个网页。可以将样式表直接嵌入到HTML文档中,也可以将其保存为外部文件并在HTML文档中引用。
布局:CSS可以用于设置网页的布局。可以使用定位属性(例如绝对定位和相对定位)将元素放置在页面的特定位置。还可以使用CSS中的布局特性(例如Flexbox和Grid)来创建复杂的布局。
动画和过渡:CSS可以用于创建动画和过渡效果。可以使用关键帧和动画属性来创建平滑的动画效果,而使用过渡属性可以在元素状态改变时创建平滑的视觉效果。
响应式设计:CSS可以用于创建响应式网页设计。通过使用媒体查询,可以根据设备的屏幕大小和其他特性来应用不同的样式,从而创建适应不同设备的网页布局。