列表样式:
List-style样式
List-style-position:inside与outside(对应li的那个点是显示在li内还是标签外)
Table
border-collapse 属性设置是否将表格边框折叠为单一边框(必须有!DOCTYPE,否则会引起意想不到的错误)
vertical-align 垂直对齐方式
Outline轮廓线,将显示在border的外面。(只有在规定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支持 outline 属性。)
颜色的表达:
Color:#FFFFFF;
Color:red;
Color:rgb(255,255,0)、(100%,100%,0%)
框架
注意:对于没有声明恰当!DOCTYPE的,border在不同浏览器中的解析存在差异
对于padding、margin、border,同一个属性设定4个值则以上右下左的顺序对边框样式进行调整
Border-color:transpanrent;透明边框(ie7之前不支持)
Border的声明:样式必须声明(有默认粗细,默认颜色,但默认样式为none)
Margin存在边框合并的问题……(只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并;上下合并,左右不合并)
Ie6双倍边距:块元素、浮动、margin(1:尽量避免同时使用浮动与margin;2:使用display:inline将块元素转为内联元素)
定位与框:
Static
Absolute 相对于包含块的偏移,跳出文档流
Relative 相对于自身的偏移,所占据的空间仍为原空间
(进行绝对定位与相对定位时,是以父级为基准。不存在position:relative的父级时,以body为基准)
Fixed 类似于absolute,不过是以视窗为基准
元素中内容溢出:overflow: scroll/hidden/auto
z-index 设置元素的堆叠顺序
裁剪绝对定位元素clip:rect(top right bottom left)
Display:inline/block/none
Float浮动:跳出文档流;增加一个div clear:both 或 使容器元素添加属性float可使内容元素被容器元素包围
伪类:
锚伪类:a:link {} /* 未访问的链接 */
a:visited {} /* 已访问的链接 */
a:hover {} /* 鼠标悬浮 */
a:active {} /* 被激活 */
http://www.w3school.com.cn/tiy/t.asp?f=csse_link
在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
伪类名称对大小写不敏感。
其他:
min-height
Visibility:设置元素是否可见
visibility:hidden 与display:none的区别:visibility:hidden的元素不可见,但它依然在文档流中占据相应空间;display:none的则是不占据空间
cursor 规定当指向某元素之上时显示的指针类型(主要是cursor:pointer)
Css对大小写不敏感,但与html一起工作时,id、class的大小写敏感
继承与摆脱继承body{...} p{...}
div{ margin:20 px;}对于px与数字之间有空格,将会导致部分浏览器无法正常工作
外部样式<link />与内部样式同时定义同一个样式时,*终样式属性将会从更具体的样式中继承
针对不同浏览器:
"_" ie6识别
"*" ie6/ie7识别
"...:...\9" ie6~8识别
"!important" ie6不识别(优先前置)