CSS学习日记3

璁蒈

已于 2023-03-31 20:09:03 修改

阅读量126

点赞数 1

文章标签： css 学习前端

于 2023-03-25 21:27:38 首次发布

本文链接：https://blog.csdn.net/m0_73936682/article/details/129770838

版权

CSS层叠样式表

CSS（Cascading Style Sheets，层叠样式表）是一种将表示样式应用到标记的系统。CSS以设计、改变其HTML页面的样式而知名，并使用于Web和其他媒介，如XML文档中。1996年12月W3C推出了CSS规范的第一个版本，1998年W3C发布了CSS的第二个版本即CSS2.0,2001年5月W3C开始进行CSS3标准的制定，到目前为止该标准还没有最终定稿。
CSS1.0
选择器：要使用CSS对HTML页面中的元素实现一对一，一对多或者多对一的控制，就需要用到CSS选择器。选择器大致分为派生选择器、ID选择器和类选择器，用来定义希望应用样式的HTML元素或者标签。
样式属性：该属性主要包括Font字体、Text文本、Background背景、Position定位、Dimensions尺寸、Layout布局、Margin外边框、Border边框、Padding内边框、List列表、Table表格和Scrollbar滚动条等，用于定义网页的一些样式变化。
伪类属性：主要定义了针对描述对象a的link、hover、active、visited和针对节点的first-letter、first-child、first-line等几个伪类属性。
保存方式：用户可以直接存储在HTML网页中，也可以将CSS样式代码存储为独立的样式表文件
CSS2.0
选择器：css2提供了更多强大的选择器，用来定位HTML节点或者标记
在这里插入图片描述
位置模型：在CSS2中进一步增强了位置属性功能，增加了relative、absolute和fixed等几个值

布局、表格样式：CSS2对display属性进行了扩充，用户可用该属性指定元素是否会显示以及如何显示，也可以使用该属性配合位置和浮动进行页面的布局。另外，用户还可以将一个非表格的结构化文档显示为一个表格样式。
媒体类型：用于对不同的媒体类型定义不同的样式。

在这里插入图片描述
伪类：CSS2增加了focus（将样式添加到被选中的元素）、：first-child（将特殊的样式添加到元素的第一个子元素）、：lang（允许创作者来定义指定的元素中使用的语言）。
光标样式：增加了cursor属性，用于指定设备应该显示怎样的光标类型。
在这里插入图片描述
DIV+CSS其实是一种错误的叫法，标准的叫法应该是XHTML+CSS，因为DIV与table都是XHTML或HTML语言中的一个标记，而CSS只是一种样式表现。DIV+CSS已经将内容和表现分割开来，所以修改网页时只需指定内容修改即可。
CSS常用命令规则
在这里插入图片描述