CSS自我学习总结

注：****标志的内容为重要知识！

css可以重新设置，xhtml标签的默认样，例如<h1></h1>标签的内容大小。

css中设置行高技巧：行高=标签的高度

css:作用就是修饰样式的----xhtml控制网页结构---给它的船上衣服的就是css

css应用于网页的四种方式：
1.行内样式：直接写在xhtmnl文档内，作用于标签内，只针对某一个标签，还不灵活。
2.内嵌样式：直接下载xhtml文档内，可以针对某些标签。
3.外部链接式：可以单独下载一个css稳定中，然后去应用给要使用样式的html样式。
4.导入方式：可能有解析问题，不建议使用。导入模式【语法:import url(‘css样式’)；】

二.css选择符：
1.什么是选择符？
就是你要控制的对象
2.选择符的分类：
【1】、标签选择符---针对html标签
【2】、ID选择符----针对某一个ID
【3】、类选择符---针对某一类，或某一些元素，它们的样式是相同的


*****类名或ID名，不要以数字开头
三、css的特性
css叫层叠样式表。

1.继承：子元素会继承父元素的某些样式。【因为有些子元素本身就有默认值，所以它就不用父元素】
2.层叠：子元素如果定义了父元素相同的样式，会覆盖掉父元素的样式。
****后面的样式，会覆盖前面的样式。

四.css样式的优先权：当样式 有冲突时，听谁？
离要修饰目标越近的样式优先权越高。
选择优先权：行内>id>class>标签选择符，我们可以通过!important来提升权限(但是注意IE6不兼容该语句);

五、css盒子模型
******一个盒子是由以下几部分构成的：
1.盒子的内容 content
2.盒子的边框 border
3.盒子的边框与内容之间的距离，称为填充--padding,内边距（内补丁）
4.多个盒子存在 ，盒子与盒子之间的距离，称为边界--margin,外边距（外补丁）

****盒子所在的实际宽度为例=左右边界+左右边框+左右内填充+内容宽度

margin和padding的顺序是：上、右、下、左，如果有两个参数时,表示，上下，左右
如果有三个参数，没值就到对面找

****将来在使用外边距，要注意浏览器兼容性
****除了值为0的情况下，所有非零的值，后面都要加单位。
****有于各个游览器存在着，内外边距，默认值还不同，我们需要将所有游览器的默认内外边距，都从零开始计算。

******css小技巧
【1】、让盒子，水平居中。将对象的左右外边界，设置为true.
【2】、让盒子中的内容，垂直居中，设置行高=合资的高度，但是不要有换行。
【3】、我们 在调试的时候，可是适当就加背景颜色。