样式初始化
就是把默认样式中的margin和padding取消、改变列表list-style、text-decoration文本装饰、图片边框
<body>
<style>
*{margin:0;padding:0}
ul,ol{list-style:none;}
a{text-decoration:none;}
img{border:0;}
</style>
</body>
将此作为新建模板
元素类型
块级标签
主要为了布局
1、独占一行,换行显示
2、支持设置宽高,不设置宽度时,宽度为父元素内容区域宽度。
不设置高度时,高度由内容撑开。
设置宽度和高度时,宽度高度不能撑开。
3、margin padding 四个方向支持 margin:auto支持
常见块级标签:
div p h1-h6 ul li ol dl dt dd form
内联元素/行内元素
1、友好横排显示(和别的行内元素)
2、不支持设置宽度和高度,完全由内容撑开宽高。
3、margin只支持作用 上下不支持 不支持margin:auto。
4、padding支持显示 但是上下的padding撑大的部分对别的元素没有影响。
5、行内元素和行内元素之间会产生空格(空格 换行)
取消空格一般很少用到(除了a标签横排时偶尔使用)。
6、存在基线对齐问题
常见行内元素:
span a b em strong img input