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
次级导航
菜单
菜单
子菜单
子菜单
搜索
搜索
友好链接
链接交换
版权
版权
卷起
卷
内容
内容
标签
标签页
目录
文章列表
味精
催促信息
标题
列标题
乔努斯
加入
公会
旅行指南
服务
服务
注册
注册
状态
情况
投票
投票
伙伴
合作伙伴