CSS基础

CSS基础

一、CSS和HTML结合的方式

1. style属性：<div style=""></div>
2. style标签：<style type="text/css"></style>
3. .css文件：@import url();
4. link标签：<link rel="stylesheet" href="" type="text/css"/>

二、样式优先级

• 由上到下，由外到内，优先级由低到高。
• 标签选择器 < 类选择器 < ID选择器 < style属性

三、代码格式

• 选择器名称 {属性名:属性值;属性名:属性值;...}

四、选择器

1. 标签选择器
2. 类选择器
3. ID选择器
4. 关联选择器
5. 多选择器
6. 伪元素选择器

五、css的综合应用

六、盒子模型

1. 边框：border
           border-top
           border-bottom
           border-left
           border-right
2. 内边距：padding
           padding-top
           ...
3. 外边距：margin
           ...

七、布局

1. 漂浮
       float
       clear
2. 定位
       position
3. 图文混排
4. 图像签名