CSS学习笔记——渐变背景，浮动排列

有时候，为了网页的美化，会对网页的背景进行加工。背景的渐变效果便是其中之一，但是单纯的使用颜色的渐设计使用比较少。在学习的过程中，了解的渐变的大致实现，主要是了解alpha的属性及代表意义。以及float浮动的应用实现块元素或者图片的布局。
1）渐变背景
核心语法：
{filter:
Alpha(Opacity=value,Finishopacity=value,Style=value,
Startx=value,Starty=value,Finishx=value,Finishy=value)}

实现功能：设置透明层次。通过alpha属性把一个目标元素和背景混合。

2）浮动布局
在网页的设计过程中，为了布局的管理方面，通常进行分块（div)设计.在CSS中，float属性定义了元素浮动的方向。任何元素都可以浮动，浮动会生成一个块级框。

实例：渐变背景，浮动排列的应用
实现效果：

关键局部代码：

.div1_style{
  width: 150px;
  height: 100px;
  float: left;
  margin: 10px; /*外边距的设置（盒子模型）*/
  border: 1px solid red;
  background:blue;
  /* 设置透明样式及透明大小 */
  filter:Alpha(opacity=80,finishopacity=60,style=3,startx=100,starty=100,
  finishx=0,finishy=0);
}

心得：

背景渐变的使用不是很多，float的浮动布局倒是常见。很多时候，在网页的设计过程中不只是单个标签或者模块功能的设计，而是众多标签共同使用。在这次的学习过程中，对选择器的使用加以巩固，但针对ID选择器，和行内选择器不是很熟悉，常用的习惯是类选择器和标签选择器。需要对各类选择器的使用，以及优先级进行归纳整理。