目录
一、行内元素盒子模型
内容区：行内元素盒子模型不可以设置内容区大小，它的内容区大小都是被内容撑开的
内边距：行内元素盒子模型可以设置内边距，而且垂直方向的内边距不会影响其它元素的位置
边框:行内元素盒子模型可以设置边框，而且垂直方向的边框也不会影响其它元素的位置
外边距：行内元素水平方向的外边距是可以设置成功的，而且水平方向的外边距不会重叠；垂直方向外边距不可以设置
二、清除默认样式
方法一： 手动去除，一般情况下只实用一些小的项目
方法二：引入重置样式表
这个表就是网上的大神列举出来的所有标签的默认样式（类似于插件）
<style type="text/css">
link引入reset.css文件
注意：
1、引入重制样式表前提是你要有这个文件
2、引入重制样式表必须要在你写的样式最前面，否则会重制你写的样式
三、阴影和圆角的效果
（1）阴影box-shadow
第一个值：水平偏移 必写
第二个值：垂直偏移 必写
第三个值：半径
第四个值：颜色
（2）圆角效果
①border-radius：px;(也可以设置圆形样式值设置50%)
可以同时设置多个值，规则和border-width一样
②单独设置某一角的圆角
例border-top-left-radius：； 左上角
四、浮动（float）
浮动是一种布局手段，会使元素脱离文档流
元素在文档流的时候，会分块元素，行内元素，行内块元素，各自有一定特点
（1）设置元素浮动，可以用float样式
可选值：
none 默认值，不浮动
left 向左浮动
rightn 向右浮动
（2）设置浮动后的一些特点！！！
第一类
①设置元素浮动后，会脱离文档流，就不会再占据原来在文档流的位置，浮动元素后面的元素就会向上
②设置元素浮动后，元素会尽可能的向左向右浮动，它不会超过前一个兄弟
③如果浮动元素的前一个兄弟没有浮动，浮动的元素不会跑上去排列
④浮动的元素不会超出父元素
第二类
当浮动的元素碰到文字，浮动元素不会盖住文字，文字会环绕在浮动元素的周围，从而做出了文字环绕图片的效果，这也是浮动最开始的功能
第三类
设置元素浮动后，元素会脱离文档流，原来在文档流中的分类特点就不复存在了，行内元素可以设置宽高了，块元素不会独占一行了，行内块元素也没有三像素问题了
5628
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
