CSS设计彻底研究
这本书不错，详细介绍了CSS的相关知识，对初学者和想进一步学习的人都有帮助。
相关笔记：
行内样式>ID样式>类样式>标记样式
font-weight:bold;
font-size:30px;
text-decoration:underline;
<em>强调标签
盒子模型：
给出2个值,前者表示上下，后者为左右
给出3个值，前者上，中间左右，后者为下
给出4个值，上，右，下，左
div 块级元素 block
span 行内元素 inline
border-style:solid;
border-width
border-color
border:2px black solid;
font-family:宋体;
text-align:center;
盒子定位：
1.static 默认，按照标准流
2.relative 相对定位
3.absolute 绝对定位
4.fixed 以游览器窗口为基准
display:inline
:block
:none
float:left;
clear:right;
position:relative;
left:30px;
top:30px;
line-height:18px;
:1.5 表示倍数
background:url(。。。.gif) no-repeat
background-image:url(...gif)
background-repeat:repeat-x;
overflow:scroll;
<!--[if lte IE6]>
<![endif]-->
border-collapse:collapse;
IE6不支持非链接元素hover伪类
onmouseover
onmouseout
CSS核心基础
第0课《CSS�
相关文档：
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题
vertical-align:middl ......
一 关于css的id选择符
每个html的元素都包含一个id属性，该属性是唯一的，可以唯一标示一个元素，我们就可以选择更具体的元素。is属性由井号加id组成。
p#bulletinContent
{
color:Yellow ;
background-color:Maroon ;
}
html界面如下：
&l ......
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然
后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方
案是在这个div里面加上display:inline;
例如：
<#div ......
1. 在FireFox下，导航栏居中，但主体内容栏却是左对齐。
在div里的内容，IE默认为center，而FireFox默认为left。如果想要让其居中，刚需要在CSS中添加：
margin-left: auto; margin-right: auto;
这样就是告诉FireFox，左右一致，实现居中。（据说，这不是万能的。但我的皮肤居中了。）
2. 在FireFox下，有些效果不能兼 ......
CSS命名规范
页头：header
登录条：loginbar
标志：logo
侧栏：sidebar
广告：banner
导航：nav
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guil ......
