CSS介绍一

CSS3新增特性

1. RGBA透明度

   RGB(红色R+绿色G+蓝色B),RGBA则在其基础上增加了Alpha通道，可用于设置透明值

1. 块阴影与圆角阴影

   box-shadow  text-shadow

1. 圆角

      border-radius

1. 边框图片

     border-image

1. 形变

   transform: none | <transform-function>[<transform-fuction>]

 

 

盒子模型

 

1. 网页上的每一个标签都是一个盒子
2. 每个盒子都有四个属性

1. 内容（content）

• 盒子里装的东西
• 网页中通常是指文字和图片

 

1. 填充（padding，内边距）

• 怕盒子里装的（贵重的）东西损坏，而添加的泡沫或者其它抗震的辅料

 

1. 边框（border）：盒子本身
2. 边界（margin，外边距）

• 盒子摆放的时候的不能全部堆在一起，盒子之间要留一定空隙保持通风，同时也为了方便取出

   标准盒子模型  W3C

 

 

IE盒子模型

 

 

 

内容（content） – 属性

 

 

填充（padding，内边距） – 属性

 

CSS布局

1. 默认情况下，所有的网页标签都在标准流布局中

1. 从上到下，从左到右

1. 脱离标准流的方法有  

1. float属性
2. position属性 和 left、right、top、bottom属性

CSS布局 – float属性

1. float属性的常用取值有

1. left：脱离标准流，浮动在父标签的最左边
2. right：脱离标准流，浮动在父标签的最右边

 

CSS布局 – position属性

CSS3新增特性

1. RGBA透明度

   RGB(红色R+绿色G+蓝色B),RGBA则在其基础上增加了Alpha通道，可用于设置透明值

1. 块阴影与圆角阴影

   box-shadow  text-shadow

1. 圆角

      border-radius

1. 边框图片

     border-image

1. 形变

   transform: none | <transform-function>[<transform-fuction>]

java基础教程