一、边框 border
单独设置
border-top：边框的宽度 边框的线型 颜色；（顺序可以随便调）
border-bottom
border-left
border-right
线型
实线 solid
虚线 dashed
双线 double
点状线dotted
全边框设置
border：边框的宽度 边框的线型 颜色；
注意点：边框添加了之后，也会把盒子给撑大，不想被撑大，解决方法跟padding、margin一样
拆开写：
边框线型 border-style
边框颜色 border-color
边框宽度 border-width
border-image css3新增加的
<style>
边框可以书写三角形，用纯css书写一个箭头朝左的三角形
.box1{
width: 0;
height: 0;
border: 30px solid transparent;
border-right: 30px solid blue;
}
边框可以书写角形，用纯css书写由四个三角形拼接成的正方形
/* .box1{
width: 280px;
height: 180px;
border-bottom: 10px solid blue;
border-left: 10px solid yellow;
border-right: 10px solid orange;
border-top: 10px solid green;
}*/
</style>
<body>
<div class="box1"></div>
</body>
页面搭建的正确过程
1、先分析，在脑海中大致想一下布局和代码（需要经验）分析的时候，是从大到小，从左往右
2、先做大的布局排版（浮动、宽高、文字样式、间距的清除）
3、再去书写相关的背景图或者边框
小tip：
line-height对于默认竖着排列的这类块元素有效：块元素 默认竖着排列，设置宽高又生效的标签统成为块元素。line-height对于默认横着列的这类行内元素无效，行内元素 默认横着着排列，设置宽高不生效的标签统成为行内元素。
解决方法：给行内元素添加浮动或者添加display:block，转化成块元素
line-height可以设置为不带单位的数字，表示font-size的倍数，谷歌浏览器的最小字号为12px
二、块级元素和行内元素
常见的块级元素(自动换行， 可设置高宽 )有：
div,h1-h6,p,pre,ul,ol,li,form,table,label等
常见的行内元素（无法自动换行，无法设置宽高）有：
a,img,span，i（斜体）,em（强调）,sub(下标)，sup（上标）等。
常见的行块级元素(拥有内在尺寸，可设置高宽，不会自动换行 )有：
(button,input，textarea,select), img等
三、margin-top的传递问题
是当子元素是块元素的时候，给子元素设置了margin-top之后，父元素也会有上间距，但是像img这类不是块元素就不会有上间距传递的问题
浏览器在解析img的时候，会向下多解析3像素
解决方法：1、设置元素类型display：block；
解决方法：2、设置vertical-align:top; 垂直靠上对齐
四、加粗
font-weight：单词/数字，不带单位；
font-weight：bold/bolder；
font-weight：600-900；中间随意一个数值，整数 加粗
font-weight：100-500；中间任意一个数值，整数 去除加粗
font-weigh：normal；去除加粗
五、标题的使用
整片文章的标题用h1
大模块的标题用h2
小模块的标题用h3
em 是一个相对单位，相当于font-size的几倍大小；
9856
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
