一、css与html相结合的四种方式：
1.每一个html标签都有一个style属性，style属性上就是css代码
2.style标签，一般定义在head标签中，先加载。但样式重叠时取得是后加载的样式
有多个同样式，少数不同，用重叠样式
3.css文件
@import url(p.css);
css文件中可以放其他的css文件。
4.html的标签
<link rel="stylesheet" href="p.css" type="text/css">
四种方式的优先级：一般情况下以后加载为主
二.选择器<要作用的标签>
1.html标签名选择器： div span p
2.标签中的class属性选择器。调用方式为标签名加. div.haha{} 类属性的优先级高
不同标签中应用相同类 .haha
3.Id选择器 标签属性 调用方式div#haha， 通常Id的取值在页面中是唯一的。
它可以被javascript使用。它的优先级比类要高。但style属性的优先级最高。
标签选择器<类选择器<ID选择器<style属性
4.关联选择器 span p 加空格
组合选择器 两个选择器用逗号隔开 span p,div b{}
伪元素选择器
超链接访问效果：
a:link a:hover a:active a:visited LV HA
三.CSS的盒子模型
边框border
内边距padding
外边局margin.<body>距离浏览器有距离
1.<布局>
漂浮
float：left;定位在左边，下一个对象飘向它的右边
clear：both 不允许两边有漂浮对象
2.<定位> 关键
position:absolute 脱离文档流 盒子的嵌套。是相对于父类的。
position:relative 未脱离文档流
|
收藏
淘帖
踩
