块级元素转换成弹性盒子：{display：flex} 行内元素转换成弹性盒子：{display：inline-flex} 1.flex-direction：用来确认主轴的方向 row（从左向右）相对于row-reverse（从右向左） column（从上向下）相对于column-reverse（从下 ...
分类：
其他好文 时间：
2017-04-16 20:30:09
阅读次数：
266
1. 浮动 1. 特点： 1.不占原来的位置（脱标） 2.可以让块级元素在一行上显示 3.浮动可以把行内元素转化为行内块元素 2 清除浮动 清除浮动指的是清除浮动的影响 注意： 当子元素设置了浮动，父元素没有高度的时候，造成页面布局混乱。这种情况下进行清除浮动。 3 清除浮动的几种方式 1.使用cl ...
分类：
Web程序 时间：
2017-04-15 18:13:42
阅读次数：
182
HTML是用一些事先设定好的标签来包裹内容进行展示的，每个标签对应语义都有着自己的特定功能和样式，比如p标签用来表示段落，a标签用来作为链接等等，然后我们可以通过设置每个元素的属性值来控制标签的行为。 一、标签的分类： 按照标签特性，分为块级元素、行内元素、块级行内元素三种。 块级元素(block) ...
分类：
Web程序 时间：
2017-04-15 12:07:09
阅读次数：
227
网页布局通过“块”级元素与CSS共同完成 “块”级元素的前后会自动折行，其本身起到容器的作用，在不定义其属性和内容时并不显示。 网页布局中的“块”级元素主要使用<div> CSS的定位： 1、position:fixed 锁定位置 提取块本身，相对于浏览器位置的定位。其位置不会受到页面滚动影响。 一 ...
分类：
其他好文 时间：
2017-04-15 09:26:39
阅读次数：
108
Doctype作用？严格模式与混杂模式如何区分？它们有何意义? HTML5 为什么只需要写<!doctype html>？ 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 页面导入样式时，使用link和@import有什么区别？ 介绍一下你对浏览器内核的理解？ 常见的浏览器内核有哪些？ ...
分类：
Web程序 时间：
2017-04-14 17:01:00
阅读次数：
214
Flex是Flexible Box的缩写，意为"弹性布局"。任何一个容器都可以指定为Flex布局，块级元素为display:block，行内元素为display:inline-flex。 注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 以下是一个 ...
分类：
其他好文 时间：
2017-04-13 19:25:48
阅读次数：
343
box-sizing:border-box; 是CSS3新增属性，了解这个属性，我们先从块级元素的盒子大小说起。 通常一个块级元素实际所占宽高度=外边距（margin）+ 边界宽度(border-width) + 内边距（padding）+ 高度（height） / 宽度（width） 如果设置了b ...
分类：
其他好文 时间：
2017-04-13 10:57:47
阅读次数：
204
一、block表示块级元素，其元素通常会单独成一块，独占一行； 二、inline表示内联元素，不会产生换行，其排版会在一行显示，直到一行被占满。 三、常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等；常见的内联元素有 SPAN, A, ST ...
分类：
其他好文 时间：
2017-04-12 23:25:01
阅读次数：
157
我们知道在css中有元素的水平、垂直居中，而对元素水平居中是很简单的： 如果是行内元素，则对它的父元素采用text-algin：center；如果是一个块级元素则采用margin： auto。 但是提到元素的垂直居中，情况并不是这么良好。特别是在元素尺寸不固定的时候，更难处理。 对于垂直居中我们该怎 ...
分类：
Web程序 时间：
2017-04-12 12:56:41
阅读次数：
136
这里有两个条件： ①文本要求是单行的 ②它的外部容器是一个块级元素 满足这两个条件之后，只需要设置文本的line-height等于外部块级元素的高度即可。 参照如下代码： 效果如下图： ...
分类：
其他好文 时间：
2017-04-05 22:25:58
阅读次数：
228
