标签：css布局 logs lis 哪些 alt 浏览器兼容 代码 技术 log
1、css、html、js等分类放入一个文件夹
2、<table><caption>表格标题</caption></table>
<tr><th scope="row">行表头</th></tr>
<tr><th scope="col">列表头</th></tr>
不写scope的属性的话默认为行表头
3、按钮代码：<input type="button" value="我是一个按钮"/>
4、
<style>ul{list-style-type:circle}</style>
<ul>
<li>列表列表列表列表</li>
<li>列表列表列表列表</li>
<li>列表列表列表列表</li>
<li>列表列表列表列表</li>
<li>列表列表列表列表</li>
</ul>
list-style-type:square
list-style-type:none
5、重点
div+css布局
块级元素特点：1、块元素里面的内容默认是在块的左上角 2、块元素独占一行，存在于文档流中，
有哪些元素是块元素：1.div 2.p 3.h1~h6 4.ol li ul li (列表）5.body 6.table 7.pre 8.form
行内元素特点：1、height width 不起作用 2、不会单独占满一行
有哪些是行内元素：1.a 2.span 3.input 4,label 5.img 6.textarea 7.select
6、将块级元素变行内元素：display:inline
将行内元素变块级元素：display:block
既有行内元素又有块级元素特点的：display:inline-block
7、重点
浮动 float 浮动之后要清除浮动才能不影响后面的div布局
clear:left/right/both(清除左、右、左右的浮动)
8、重点
盒子模型（针对块级元素）
内间距：padding:10px 以内容为中心、上下左右都撑开10px;
padding:10px 20px;上下撑开10.左右撑开20
padding:10px 2px 2px;上撑开10px，左右撑开2px；下撑开2px
padding:10px 2px 2px 10px;上撑开10px，右撑开2px；下撑开2px 左撑开10px（顺时针）撑开代表div的高度或宽度增加了
9、外间距和内间距方位一样，属性名为：margin
10、由于浏览器兼容性问题，导致div上和左与浏览器有缝隙，所以定义一个全局通用的效果
*{padding:0;margin:0;}
11、学会调试（审查元素找问题、分析、思考！！！）
12、行内元素同样对padding、margin也有作用
标签：css布局 logs lis 哪些 alt 浏览器兼容 代码 技术 log
原文地址：http://www.cnblogs.com/renjiaoyang/p/7420118.html
