什么是CSS元素分类？

目前HTML中已知的每个标签都有自己的元素特点，我们把这些标签<>属性按照元素类型分位三种！

---

1.块状元素(block element)
2.内联元素(行内块元素) (inline element)
3.可变元素

1.块状元素(block element)

  块状元素一般最具有代表性标签的是<div> 其它的如<p>,<dl>,<dt>,<dd>,<h1>-<h6>,<hr>,<ol>,<ul>,<li>,<form>,<filedset>,<colgrup>,<table>,<tr>,<td>等等...

1.块状元素有那些特点呢？

      1.块状元素最大的特点就是独占一行.并且上下排列

      2.可以设置宽（width）高（height）外间距（margin）和内边距（padding）.

      3.在页面中以矩形区域方式显示。

      4.一般情况下，作为其他元素或者内容的容器）。

2.内联元素（行内元素）(inline element)

  内联元素一般最具有代表性标签的是<span> 其它的如<a>,<b><i><em><img><input><label><strong><sup><sub><textarea><u><select>等等...

1.内联元素有那些特点呢？

      1.内联元素最大特点就是会在一行逐个排列显示。

      2.不可以设置宽高，大小是由内容撑开的。

      3.在页面中最小单位也是矩形。

      4.内联元素也符合盒模型规则。但是个别属性会出现问题。

        例如：（Padding-top/bottom）和（margin-top/bottom）使用的话会导致内联元素溢出。

      5.内联元素在一行内排列显示时，font color=red size=4>它们之间都有间距。

         PS：消除间距方法

         1.添加浮动 float

         2.在HTML代码中将所有内联元素放到一行不用回车键换行（不推荐使用）

3.可变元素（行内块元素）

  可变元素素根据上下文的显示，来确定这个元素是块状元素还是行内元素。例如<applet><button><del><iframe><ins><map>等等...

        1.具有上面两个元素的部分特点。

                            以上内容全部由本人编写分享欢迎学习指导 ：H5逆战班欢迎你