CSS发展的历史

CSS发展的历史

CSS(层叠样式表)是一个将显示样式应用于标签的系统。CSS以设计和改变其HTML页面的样式而闻名,并用于Web和其他媒体,如XML文档。1996年2月,W3C发布了CSS规范的第一个版本,1998年6月,W3C发布了CSS的第二个版本,即CSS 2.0。2001年5月,W3C开始制定CSS3标准,至今标准仍未定稿。

CSS1.0

选择器:要使用CSS一对一、一对多或多对一地控制HTML页面中的元素,需要使用CSS选择器。选择器大致分为派生选择器、ID选择器和类选择器,用于定义想要应用样式的HTML元素或标签。

样式属性:该属性主要包括字体、文本、背景、位置定位、尺寸大小、版式布局、边距外边框、边框、填充内边框、列表、表格、滚动条等。它用于定义网页的一些样式变化。

伪类属性:主要为描述对象A定义了link、hover、active、visited等几个伪类属性,为节点定义了first-letter、first-child、first-line。

保存模式:用户可以将CSS样式代码直接保存在HTML页面中,或者作为独立的样式表文件保存。

CSS2.0

选择器:css2提供了更强大的选择器来定位HTML节点或标签。

符号名

意义

例子

*

用于匹配任何标签。

* {颜色:红色}

& gt

用于指定父子节点关系。

AAA & gtCCC & gtDDD & gt;{color:red}匹配父节点分别为CCC和AAA的DDD节点。

用于将节点与特定级别的父节点进行匹配。

AAA CCC DDD {color:blue}匹配包含父节点CCC的父节点AAA的节点DDD。

+

用于表示同级节点之间的关系。

AAA+BBB{color:red}表示有一个节点BBB,它有一个兄弟节点AAA。

名字[表情]

选择具有特殊属性值的节点。

BBB[text="xyz"]{color:blue}表示它包含一个文本属性值为xyz的BBB标签。

位置模型:CSS2中进一步增强了位置属性的功能,增加了相对、绝对、固定等几个值。

值名

意义

亲戚

元素框从父节点偏移一定的距离,元素仍保留其原始形状和最初占据的空间。

绝对的

元素框从文档流中完全移除,并相对于其包含的块进行定位。包含块可以是文档中的另一个元素或初始包含块。正常文档流中最初由该元素占用的空间将被关闭,就像该元素不存在一样。

固定的;不变的

元素框的行为类似于绝对值,除了它的包含块是窗口本身。

z指数

用于指定重叠元素的堆叠顺序。编号较大的元素将堆叠在编号较小的元素之前。

布局和表格样式:CSS2扩展了display属性,允许用户指定是否显示元素以及如何显示元素,并使用该属性来协调页面布局的位置和浮动。此外,用户可以将非表格结构文档显示为表格样式。

媒体类型:用于定义不同媒体类型的不同风格。

属性名

意义

耳的

用于语音和音频合成器

装饰

盲人分页用盲文打印。

打印

用于打印机

屏幕

用于计算机显示

盲文

盲人用盲文触觉反馈装置

推断

用于演示程序,如幻灯片。

伪类:CSS2添加了focus(向所选元素添加样式)、first-child(向元素的第一个子元素添加特殊样式)和lang(允许作者定义指定元素中使用的语言)。

光标样式:添加了光标属性来指定设备应该显示什么类型的光标。

值名

意义

系统默认值

默认光标(通常是箭头)

汽车

默认情况下,浏览器设置光标。

十字准线

光标显示为十字准线。

指针

光标显示为指示链接的指针(一只手)。

移动

此光标表示可以移动对象。

电子调整大小

该光标表示矩形框的边缘可以向右移动。

文本

这个光标表示文本。

等待

这个光标表示程序正忙(通常是手表或沙漏的形状)

帮助

该光标指示可用的帮助(通常是一个问号或气球)

DIV+CSS其实是一个错误的名称,标准名称应该是XHTML+CSS,因为DIV和table都是XHTML或者HTML语言中的标签,CSS只是一个样式表达式。DIV+CSS已经将内容和表现分离,所以在修改网页的时候,只需要指定内容修改即可。

CSS的通用命令规则

名字

意义

名字

意义

页眉

页头

内容/容器

内容

页脚

页脚

航行

航行

补充报道

补充报道

圆柱

圆柱

包装材料

页面周边控制整体布局宽度。

左边的

左边的

正确

正面

中心

中间

罗金巴尔

登录栏

标志;徽标

符号

旗帜

广告

主要的

页面主题

热的

热点

新闻

新闻

下载

下载

subnav

次级导航

菜单

菜单

子菜单

子菜单

搜索

搜索

友好链接

链接交换

版权

版权

卷起

内容

内容

标签

标签页

目录

文章列表

味精

催促信息

标题

列标题

乔努斯

加入

公会

旅行指南

服务

服务

注册

注册

状态

情况

投票

投票

伙伴

合作伙伴