点击此处查看最新的网赚项目教程
元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组(类似的元素，或者可以理解为某一类元素)，而 id 用于标识单独的唯一的元素。
三、块元素(block)
块元素基本特征
块元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。
块元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。
块元素可以设置margin和padding属性。
块元素支持所有的 CSS 样式
块元素基本可以划分以下几类：
div
没有意义，主要是配合界面布局(双标签)
语义：段落(双标签)
h1~h6
定义一级标题至六级标题
注意
h1 权重非常高，一般一个页面只有一个H1
h2 权重非常高，一般一个页面不要超过10个，大型网站除外
h3 随便用
都是双标签
但是需要注意一点，假如使用 p 标签的时候，里面嵌套了 div 标签，这样会导致 p 标签里面的样式被分割掉，这点需要注意。
除此之外，块元素还包括有序列表 ol，没有序列表 ul ，以及列表dl，dt，dd。
注：所有的标签全部有特定的样式，我们可以通过 CSS 去清掉所有的样式，建立属于自己的 reset.css 文件。
/*margin的样式初始化*/body,h1,h2,h3,h4,h5,h6,p,ol,ul { margin:0;
}/*padding的样式初始化*/ol,ul { padding:0;
}/*列表点点的样式初始化*/ul,ol { list-style: none;
四、内联元素(inline)
内联元素基本特征
inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行
内容撑开宽度
inline元素设置width,height属性没有效。
inline元素不支持上下的margin和padding，只支持左右的margin和padding
代码换行被解析
内联元素中，有一个我们最常见的标签，那就是超链接 a 标签。它能从一个页面中跳转到另外一个界面，同时也可以在同一个页面之中设置空间‘锚点’，实现特定位置的跳转
注意：a 标签中一定不能嵌套 a 标签
a标签的锚点设置方法：
可以通过设置 href = “# + 锚点名称” 的方式进行跳转，注意，一定要加 #
例如：
asdnajsd
标签的初始化
下划线的样式初始化/*下划线的样式初始化*/a { text-decoration: none;
}/*字体样式初始化*/em { font-style:normal;
五、内联块元素
内联块元素基本特性
1.支持所有css的样式
2.除块属性的标签以外，同属性以及行属性标签排在一排
3.代码换行被解析
内联块元素同时具有了块元素可以设置宽度和高度的特点，同时又可以像内联元素一样，可以和其他行属性标签处于同一行。
虽然内联块元素能同时拥有块元素和内联元素的特性，但很多时候，在页面中还是要使用不同标签对应的特性。其次就是，内联块也并不是完美没有缺的。因为设置内联块的时候，它的换行会被解析。
如下文所示：
从下图可以看见，img 的边上，并没有 margin，但是实际展示的时候，会存在一条白的间隙。
而当我们把两个 img 标签连在一起写的时候，就正常了，如第一个 img 和第二个 img。
———END———
限 时 特 惠： 本站每日持续更新海量各大内部创业教程，一年会员只需98元，全站资源免费下载 点击查看详情
站 长 微 信： cai842612
admin
