关于学习css样式的收获

《精通div+css》这本书：从第11章开始没有看，前边及第16章 都看过啦，其中11-6.html已经明白了

1.  vertical-align这个属性对于块级元素如div 或者p不起作用但对于表格则显得十分重要
2.  body  的样式背景色没起作用？
3.  图片不能显示？ 用photoshop做的cmbk模式的照片是不可用的，这个我已经试过了，必须是RGB模式

的才是可以显示的

4.  标签是可以被撑开的，而且每个标签都有margin padding border的属性

5.  div盒子内换行：word-break:break:all;
6.  div与span是两个常用的标记：span是行内样式，div是大块的标记
7.  border-style的效果，有时ie是不支持的
8.  margin-left:-53px;/* 设置为负数 */
9.  position:absolute 设置相对于浏览器的位置 绝对定位
10.  首字放大效果的样式span{ font-size:60px; float:left; color:#FF0000; line-height:80%;}
      注意这个line-height:80%的作用相当明显
11.   如何使用清除元素侧面的浮动元素
     例题如下：
 .tupian img{ float:left;  margin:8px; clear:both;}
 
 

 
 
 

-----------------------------------------------------------------------------------
OPTIMIZE TABLE `cdb_words` 优化表
10.  cs的例题10-19相当不错

例题：5-8.html的background-position:bottom right;很重要
 background-position:10% 70%;  可以用百分比实现精确定位

例题：样式的嵌套在使用的时候才可以感觉的到，一定要多体会多理解
例题：background-attachment:fixed;例题5-10.html

例题：可以设置多个背景图片分别使用body标签与div标签就可以实现了

例题 6-1.html  中的样式不起作用table{ caption-side:bottom;}
     

   对搜索引擎有效
感悟：css的语法是很严格的，你如果多一个撇号，它不报错只是你所定义的样式没有表现出来，让人摸不到头脑

例题：6-2.html在表格中不仅行可以用th列也可以用th 如下边注意有th的地方，就可以统一设置th的样式
  

   
   
   
   
   
   
   
   
  
例题：6-3.html中的 border-collapse:collapse;是表格的边框重叠，相当实用，值得学习
例题：表格的隔行变色 如偶数行单独加入样式即可例题6-4.html
例题：鼠标经过时变色6-5.html其中涉及到一段javascript 代码挺重要的 ie浏览器不支持伪类
例题：6-7.html中input{ color:#ff0000; background-color:#66CCCC;}
  可以控制输入框字体的颜色，及输入框的背景色
例题：6-7.html中input.btn{ border:1px outset #ff0000; }注意outset设置按钮的边框的样式
例题：10-29只有两个快的position设置成absolute之后，z-index属性的值才有效，多体会
例题：10-30可以用css实现文字的阴影效果
例题：11-6 中的一个div可以设置两个样式： 

  margin可以设置成负值的情况需要重点考虑一下