这里有个小技巧，可以为我们节约很多时间写入html:5或者“！”再按下tab键即可完成框架，注意是英文的感叹号！所有的符合都是英文的，中文的符号不能用作代码。
SwitzerlandNorwayUnitedKingdomUnitedStatesul多数出现正在行文中间，它的上文多数在提示：要列举某些项。但是，如果所有并列关系都用ul，会造成大量冗余标签。错误地使用语义标签，会给机器阅读造成混淆、增加嵌套，给CSS编写加重负担。所以，对于语义标签，我的态度是：“用对”比“不用”好，“不用”比“用错”好。当然了，我觉得有理想的前端工程师还是应该去追...
父元素使用flex布局,并定义两个属性值justify-content，align-items都为center，那么就定义为水平垂直居中justify-content属性定义了项目在主轴上的对齐方式。align-items属性定义项目在交叉轴上如何对齐。<divclass="parent-frame"style="display:flex;justify-content:center;...
该属性设置元素的垂直对齐方式。定义行内元素的基线相对于该元素所在行的基线的垂直对齐。在表单元格中，这个属性会设置单元格框中的单元格的对齐方式。<divclass="parent-frame"style="display:table-cell;vertical-align:middle">仿table:display:table-cell垂直居中vertical-align:middle...
垂直居中。line-height属性，设置行间的距离（行高）。不允许使用负值。单行文本的元素才适用，多行元素中不适用这种方法。元素内容是单行，并且其高度是固定不变的，<divclass="parent-frame"><divstyle="line-height:200px;">line-height值=父height值</div></div>line-height值=父height值
块状元素，水平居中<divclass="parent-frame">子元素水平居中<istyle="display:block;text-align:center;color:blue">块状元素，水平居中</i></div>子元素水平居中块状元素，水平居中
div+css【201】"src="http://p6-tt.byteimg.com/large/pgc-image/7aa11f17c45f453e880f93e1a1d9f7e9?from=pc"/>图2<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">...
在行内元素中有几个特殊的标签——<img/>、<input/>、<td>，可以对它们设置宽高和对齐属性，称它们为行内块元素。特点：1、和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙；2、默认宽度就是它本身内容的宽度；3、高度，行高、外边距以及内边距都可以控制。
行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中<span>标签最典型的行内元素。特点：（重要）1、和相邻行内元素在一行上，换行会有空隙；2、高、宽...
差别1：老祖宗的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS。差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有...