css是英文Cascading Style Sheets的缩写。
它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
一般是这样的body{
font:12color:Black
}
这样的是控制整个页面的标签的样式
.Content{
font:14pxcolor:Gray
}
前面加个.后面跟上样式名称的,就是控制引用这个样式的标签的样式
当然,里面的样式属性有很多,这个你得去了解学习一下!
样式文件放哪里不要紧,一般就放在跟目录,你在页面的时候这样引用一下就好了
比如
<link href="/Styles/Site.css" rel="stylesheet" type="text/css" />
就代表引用跟目录下Styles文件夹里面的Site.css这个样式文件
冒号隔开伪类不用再class=...或id=...就可以直接拿来使用,也可以改变它的部分属性
css1 和css2 版本中定义的伪类有:
:active 向被激活的元素添加样式,用于获得焦点(比如,被点击)的连接上。
:focus 向拥有键盘输入焦点的元素添加样式。
:hover 当鼠标悬浮在元素上方(鼠标经过)时,向元素添加样式。
:link 向未被访问的链接添加样式。
:visited 向已被访问的链接添加样式。
:first-child 向元素的第一个子元素添加样式。
:lang 向带有指定 lang 属性的元素添加样式。
:first-letter 向文本的第一个字母添加特殊样式。
:first-line 向文本的首行添加特殊样式。
:before 在元素之前添加内容。
:after 显示紧跟在元素后面的内容。
最简单的例子莫过于常用的超链接
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00}/* 已访问的链接 */
a:hover {color: #FF00FF}/* 鼠标移动到链接上 */
a:active {color: #0000FF}/* 选定的链接 */