块级元素： 基本：标题标签h1-h6：表示一段文字的主题 段落标签p：表示一段文字的内容 水平线标签hr：表示一条水平线 常用于布局：有序列表：ol-li表示多个并列的列表项，他们之间有明显的先后顺序。 无序列表：ul-li表示多个并列的列表项，他们之间没有明显的先后顺序。 自定义列表：dl-dt- ...
分类：
Web程序 时间：
2017-10-23 01:04:40
阅读次数：
282
CSS块级元素和行内元素 HTML中的元素可分为两种类型：块级元素和行级元素。这些元素的类型是通过文档类型定义（DTD）来指明。块级元素：显示在一块内，会自动换行，元素会从上到下垂直排列，各自占一行，如p,ul,form,div等标签元素。行内元素：元素在一行内水平排列，高度由元素的内容决定，hei ...
分类：
Web程序 时间：
2017-10-22 23:31:00
阅读次数：
248
原因在于块级元素内部默认有行框，行框撑高了块级元素。img和其他块级元素并列的时候，由于img默认是display:inline-block，因此也会产生匿名块框包裹img，匿名块框内部生成了行框，多余了几个像素。这也是为何把图片添加上display:block，或者父层级font-size、lin ...
分类：
其他好文 时间：
2017-10-19 16:35:41
阅读次数：
174
方法一： 这用用的好处了，无论是块级元素还是行内元素，都可以进行垂直居中， transform意思是变形，是css3的内容 注意，这只是垂直居中，如果是上下左右居中，还需要加个width与margin:atuo 想看详细信息，可看出处：http://www.webhek.com/post/trans ...
分类：
Web程序 时间：
2017-10-17 10:00:58
阅读次数：
262
一、display属性，用于确定该元素的类型 div元素：默认display属性值为“block”，称为“块级”元素（block-level） spa元素：默认display属性值为“inline”，称为“行内”元素 二、行内元素和块级元素 1.块级元素块级元素常用作容器，因为块级元素会自动占据一定 ...
分类：
Web程序 时间：
2017-10-14 21:06:01
阅读次数：
208
元素：块级元素，内联元素，内联块状元素 块级元素：在默认情况下会独占一块区域 相对于块级元素的父元素来讲，块级元素占据的行默认是单独享有的。 通过设置元素的样式为： 1 display:block; 1 display:block; 1 display:block; 1 display:block; ...
分类：
其他好文 时间：
2017-10-13 19:01:50
阅读次数：
189
1.div内多个块元素的浮动关系： 假设一个大的div bigBox 中有三个块级盒子 div1 div2 div3 它们的样式为： 由于块级元素会单独占用一行，并且父元素会自动被撑开，可以得到： 现在，先让div2 浮动起来：给div2 加一个浮动 这时，可以看到： div3 跑到了原来div2 ...
分类：
其他好文 时间：
2017-10-13 18:02:50
阅读次数：
150
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 这几天看到一篇比较好的文章，借鉴过来正好理解下浮动的概念 教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页 ...
分类：
Web程序 时间：
2017-10-12 01:09:15
阅读次数：
206
1.html 标签模式分为三类：块级标签，行内标签（内联），行内块标签 a. 块级标签 典型代表：div、h1~h6、p、ul、ol、li、dl、dt、dd等。 特点：可以设置宽高，独占一行 b.行内标签 典型代表：span、a、b、u、i、strong、em、del、ins等 特点：不能设置宽高， ...
分类：
Web程序 时间：
2017-10-11 18:14:44
阅读次数：
183
作为一名小前端，块级元素、行内元素用了几千几万次，除了“块级独占一行，行内不独占”之外，对细节属性的了解十分匮乏，今天做以部分属性的测试和阐述。 一、 对物理属性的支持 备注：行内元素的上下padding（padding-top,padding-bottom）无效，可参考下例。 这是带有上下padd ...
分类：
其他好文 时间：
2017-10-11 15:20:31
阅读次数：
160
