精通CSS.DIV网页样式与布局

CSS：Cascading Style Sheet——层叠样式表

概念：控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

CSS选择器：

1、标记选择器       

 h1{color:red;font-size:10px;}

2、类别选择器      

  .class{color:red;font-size:10px;}

3、ID选择器           

#id{color:red;font-size:10px;}

滤镜的概念：

      CSS滤镜并不是浏览器的插件，也不符合CSS标准，而是微软公司为增强浏览器功能而特意开发的并整合在IE浏览器中的一类功能的集合。

总结图：

CSS文字效果：为了使我们的网页制作的漂亮，文字效果是必不可少的。漂亮的文字，使我们的网页更加绚丽。

文字属性：字体、大小、颜色、粗细、斜体、下划线、顶划线、删除线、英文字母大小写。

例子：如下文字效果

代码：

body{font-size:24px;  /*文字的字体*/color: #fff;     /*文字的颜色*/font-weight:bold; /*文字加粗*/font-style:italic; /*文字斜体*//*文本阴影效果*/text-shadow:0 0 5px #CCCCCC, 0 0 10px #CCCCCC, 0 0 15px #CCCCCC, 0 0 20px #095816, 0 0 25px #095816, 0 0 30px #095816, 0 0 50px #095816, 0 0 80px #095816, 0 0 100px #095816, 0 0 150px #095816;}

段落效果：

1、对齐方式：水平和垂直

2、间距设置：行间距、字间距

3、首字母放大

图片效果：

1、样式：图片边框、图片缩放

2、对齐方式：横向、纵向

3、混排：文字环绕

总结：

CSS能够对网页中的对象的位置排版进行像素级的精确控制，拥有对网页对象和模型样式编辑的能力，并且能够进行初步交互设计。具有较强的易读性。