css 学习笔记

CSS: Cascading Style Sheet       级联样式表
why:
1，样式表能内容与样式的分离，方便团队开发
2，样式复用，方便网站的后期维护
3，页面的精确控制，试下精美，复杂页面
where:结合html代码来设计网页，进行网页风格设计




HOW:
<style type="text/css">
选择器{
对象的属性名：属性值;
对象的属性名：属性值；
}

</style>




选择器：
1，标签选择器
2,类选择器
3，ID选择器
4，其他选择器




优先级：如果优先级相同，后面的样式会覆盖前面的样式

标签选择器<类选择器<ID选择器<行内样式

1，css   级联样式表
2，
a/行内样式

<a style ="属性名：属性值"></a>

b/内部样式
<style type ="text/css">
属性名：属性值
c/外部样式
<link rel="stylesheet" href="css文件路径"/>

3,选择器
a，标签   b，类    c，id     d，其他选择器（属性，后代，子代，伪类）


4，样式

font-size:
font-family:
font-space:
color:
text-shadow:
overflow:
text-overflow:
white-space:


background-image:
background-position:
background-repeat:


5,盒子

border：边框
padding：内边距
margin:外边距

border-width:
border-style:
border-color:


浮动的3个特性：
1，浮动会脱离文档流，释放原先被占据的空间，使得其他元素占据
2，紧贴上一个浮动元素，如果宽度不够自动换行
3，