CSS学习

CSS简介

重点：CSS选择器、CSS盒模式、浮动、定位、网页动画

用途：美化网页

推荐网站：w3school、菜鸟教程

CSS：Cascading Style Sheet 层叠级联样式表

CSS优势

内容和表现分离

网页结构表现统一，可以实现服用

样式十分丰富

利用SEO

CSS历史

CSS1.0

CSS2.0 DIV（块）+CSS，Html与CSS分离

CSS2.1 浮动，定位

CSS3.0 圆角、阴影，动画...

快速入门

每声明最好用分号结尾

外部引用re

CSS的四种导入方式

1. 行内样式

   <h1 style="color:red">我是标题</h1>

2. 内部样式

   在HTML代码内写Style标签

   

3. 外部样式（链接式）

   

4. 外部样式（导入式）

   

各种样式之间采用就近原则

基本选择器

标签选择器

类选择器 class

好处：可以让多个标签归类，可以复用

Id选择器

id必须保证全局唯一

三个选择器不遵循就近原则

把博客园的广告去掉

高级选择器

层次选择器

结构伪类选择器

属性选择器

美化网页元素

span标签：重点要突出的字，用span套起来

字体样式

文本样式

未完待续