css随笔

伪类

:link 未被访问过的超链接样式 一般写a的样式就可以了 有点多余

:visited 已经访问过的超链接样式

:hover 当鼠标移动在当前标签时的样式

:active 鼠标点击但未放开时的样式

 :foucs 获取到鼠标焦点时的样式

设置a标签a:...

需要伪类设置注意顺序不能乱 如果没写link visited的设置会无效

伪元素

:first-line

设置块级元素第一行文本的样式

:first-letter

设置块级元素第一行文本第一个字符的样式

:first-child

设置当前元素是父元素的第一个元素的元素样式

:first-before设置在。。之前 的样式

:after设置在。。之后的样式

css样式优先级 行内>id>class>标签>

256个标签选择器相加 大于一个class 256个class>一个id

长度单位

em 当前系统字体像素 如当前块font-size为16px 则1em=16px

设置font样式 简写

font:oblique bold 12px/1.5 micorsoft yahei ;
或 只保留size与family
font-style oblique italic 前者是使用视图的倾斜 后者是使用字体的斜体 是字体本身的显示形式

letter-spacing 设置字符间距
word-spacing 设置仅英文字符间距

line-height: 100px;行高

text-align: center;文本居中

white-space:设置文本对换行 空字符的处理

word-break 设置字符串换行方式 

border设置没有边框样式 兼容写法 0 none

transparent css中的透明色

css同优先级的设置 后设置的样式覆盖前设置的样式
如
：

 0px;
height: 0px;
border:10px solid transparent;
border-top:10px solid yellow;
效果

 0px;
height: 0px;
border-top:10px solid yellow;
border:10px solid transparent;

效果
:

css样式编写前应该进行初始化 

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
雅虎的样式初始化 

 行内样式＞内页样式＞外部样式