块级元素，内联元素，display属性

1、什么叫做标签语义化? ->合理的标签做合适的事情

   ->HTML中常用的标签都有哪些? (块状标签和行内标签)

   ->块状标签和行内标签的区别? (常用的有8条区别)

1）内联元素：和其他元素都在一行上，元素的高度，宽度及顶部和底部边距不可设置。元素的高度就是它包含的文字或者图片的宽度，不可改变。

　　->行内标签主要有：<a>  <span> <br> <i> <em> <strong> <label> <q> <var> <cite> <code>

2）块级元素：每个块级元素都是从新的一行开始，并且其他的元素也是另起一行。元素的高度，宽度，行高以及顶和底边距都可以设置。元素宽度在不设置的情况下，是他本身的父容器的100%（和父元素的宽度一直），除非设定一个宽度。

　　->常用的块级元素有：<div> <p> <h1> <h6> <ol> <ul> <dl> <table> <address> <blockquote> <form>

3）内联块状元素：和其他元素都在一行上：元素的高度宽度，行高，以及顶部和底部边距都可设置。常用内联块级元素有：<img> <input>

2、display有哪些常用的属性值?分别是什么意思?有哪些需要注意的地方?

display的属性值有：none|inline|inline-block|block|list-item|run-in|table|inlne-table|table-row-group|table-header-group|table-footer-group|table-row|table-column-group|table-column|table-cell|table-caption|inhert

1）none：元素不会显示，而且该元素的现实空间不会保留。担有另外一个visiblity:hidden;是保留元素空间的

2）inline：display的默认属性。将元素显示为内联元素，元素前后没有换行符。我们知道内联元素是无法设置宽高的，所以一旦元素的display属性设置成inline，设置属性的宽高是没有用的。此时影响他的高度一般是内部元素的高度font-size和padding。

3）block：将元素显示为块级元素，元素前后会带有换行符。设置为block后，元素可以设置width和height了，元素独占一行。

4）inline-block：行内块级元素，这个元素融合了inline和block的特性，他几时内联元素，又可以设置width和height

转载于:https://www.cnblogs.com/liheishuai/p/8099760.html