#day02 CSS
##HTML的块标签
* `<div></div>`:默认一个div独占一行.
* `<span></span>`:默认在同一行.
##css
* CSS:层叠样式表
* CSS的基本语法
* 选择器 和 声明
##CSS的引入方式
* 行内样式：直接在HTML的元素上使用style属性设置CSS.
* 页面内样式：在HTML的`<head>`标签中使`用<style> `标签设置CSS.
* 外部样式:单独定一个.css的文件.在HTML中引入该CSS文件.
##CSS的选择器
* 元素选择器 `div{ }`
* ID 选择器 `#d1{ }`
* 类选择器 `.d1{ }`
##CSS的其他选择器
* 属性选择器：`input[type="text"]`
* 后代选择器:
* div span 查找的是所有div中的所有的span元素.
* 子元素选择器：
* div > span找这个div中的第一层级的span元素.
* 并列选择器:
* 选择器,选择器{ }
##CSS浮动
* 使用float属性可以完成DIV的浮动.
* 清除悬浮：clear属性清除 `clear both`
##CSS中的盒子模型
* 内边距：padding
* 边框：border
* 外边距：margin
##CSS中的定位
* position属性设置定位：
* relative:相对定位
* absolute:绝对定位
* 使用另外两个属性:left,top
|
|
收藏
淘帖
踩
