块级元素和内联元素 “块级元素”译为 block level element，“内联元素”译为 inline element。 块级元素在浏览器显示时，通常会以新行来开始（和结束）。例子：<h1>, <p>, <ul>, <table> 内联元素在显示时通常不会以新行开始。例子：<b>, <td>, ...
分类：
其他好文 时间：
2017-04-25 10:05:16
阅读次数：
152
前面的话 在HTML5出现之前，人们一般把元素分为块级、内联和内联块元素。本文将详细介绍HTML块级元素 h 标题(Heading)元素有六个不同的级别，<h1>是最高级的，而<h6>则是最低的。一个标题元素能简要描述该节的主题 从<h1>到<h6>，重要性逐渐减小，字体大小也逐渐减小。在使用标题元 ...
分类：
Web程序 时间：
2017-04-24 23:01:19
阅读次数：
1677
通常使用的垂直居中方法： 这种方法不方便的地方是一旦块级元素的宽高度变了后，需要随之改变margin的值， 所以使用translate进行优化： 这样无论块级元素宽高如何变，都可以保证垂直居中。 ...
分类：
其他好文 时间：
2017-04-24 15:44:31
阅读次数：
204
loat和position这两者并没有孰好孰不好的问题，两者按需使用，各得所需的效果。float从字面上的意思就是浮动，这种在印刷排版之类中可能解释的更加贴切。float能让元素从文档流中抽出，它并不占文档流的空间，典型的就是图文混排中文字环绕图片的效果了。并且float这也是目前使用最多的网页布局 ...
分类：
Web程序 时间：
2017-04-24 10:16:00
阅读次数：
228
background-image是背景图片，是css的一个样式 < img / >是一个块级元素，它是一个图片，是html的一个标签 background-image是只能看的 < img / >是可以操作的。比如更换img src的路径可以达到更换图片的目的，也可以移动它的位置，从document ...
分类：
其他好文 时间：
2017-04-24 10:12:46
阅读次数：
199
转载下别人收集的定位方法，写的比较详细，比如子元素定位要先考虑父元素的是行内元素还是块内元素，transform灵活运用等等。 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 margin:0 auto ...
分类：
其他好文 时间：
2017-04-24 00:09:58
阅读次数：
206
为什么要有浮动/浮动能干什么？ 浮动最开始出现的直接原因是为了实现图片环绕文字；但是呢？在历史进程中，浮动也将脚伸到了页面布局中，成为了页面布局的一个稳定得分手。 浮动是什么？ 浮动是css中一个非常重要的属性，元素通过设置float属性值为：left、right,可以使元素向左或向右浮动，直到它的 ...
分类：
Web程序 时间：
2017-04-23 18:05:21
阅读次数：
174
1.基础样式 宽：width ；高：height 块级元素和行内元素之间的转换 属性：display<br> 属性值： block 转换为块级元素 inline 转换为行内元素 inline-block 转换为行内块元素（希望能设置宽高，但又不换行） 2. 背景属性 背景色：background-c ...
分类：
Web程序 时间：
2017-04-23 15:04:56
阅读次数：
283
HTML5 浏览器支持 把 HTML5 元素定义为块级元素 语义块级displayblock实例 header, section, footer, aside, nav, main, article, figure { display: block; } 向 HTML 添加新元素 <myHero>实 ...
分类：
Web程序 时间：
2017-04-21 19:20:17
阅读次数：
209
1.基本样式： ————宽 属性：width 属性值：长度值 ————高 属性：height 属性值：长度值 ————块级元素与行内元素之间的转换 属性： display 属性值：block 转换为块级元素 inline 转换为行内元素 inline-block 转换成行内块元素 linline-b ...
分类：
Web程序 时间：
2017-04-16 22:25:19
阅读次数：
338
