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也有作用