块元素 什么是块级元素?在html中<div><p><h1><form><ul>之类的就是块级元素.设置display:block是就将元素显示为块级元素.如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点. 块级元素特点: 1.每个块级元素都从新的一行开始,并且其后的元素也另起一 ...
分类：
Web程序 时间：
2016-10-12 22:18:50
阅读次数：
139
限制在一个块元素显示的文本的行数。 -webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -webkit-box ...
分类：
Web程序 时间：
2016-10-10 19:26:12
阅读次数：
138
一、img、input属于行内替换元素。height/width/padding/margin均可用。效果等于块元素。 行内非替换元素，例如, height/width/padding top、bottom/margin top、bottom均无效果。只能用padding left、right和ma ...
分类：
其他好文 时间：
2016-10-06 12:34:21
阅读次数：
168
margin : 外边距 padding: 内边距 display：inline(自适应，块元素的对立面（span元素display默认属性）)；block(块元素，div元素display默认属性) float：元素浮动 position: static：对象遵循常规流。此时4个定位偏移属性不会被 ...
分类：
其他好文 时间：
2016-09-27 20:29:15
阅读次数：
151
三角形演变： 1、将一个块元素的宽、高都设置为0，再设置边框样式，得如下效果图(绿色部分)： 样式： 通过此样式得到的是一个正方形。 2、将正方形的左右边框设置成其他颜色，如： 效果图： 给块元素添加设置了其他颜色后，块元素被左右的三角形切割了。 3、如果再将左右两边设置成透明，又会是什么效果呢？ ...
分类：
Web程序 时间：
2016-09-27 17:42:17
阅读次数：
171
Img是内联元素，要设置其margin属性使其居中，就要将其转换为块元素display:block;然后利用margin:0 auto;实现图片的水平居中；（有的设计师为图片再加个div标签，然后通过div标签的margin实现居中）。 如果图片在div中下的span属性中，必须转换成display ...
分类：
其他好文 时间：
2016-09-26 10:42:52
阅读次数：
108
H5的新元素让一个页面避免都是div，灵活使用H5的各种新元素 1，结构元素 section元素 可以认为div是section元素,一个普通的分块元素，可用来定义网站中的特定的可区别的区域 header元素包括标题，logo，导航和其他页眉的内容，可以在网站上加多个header，就像给内容加多个标 ...
分类：
其他好文 时间：
2016-09-22 21:08:56
阅读次数：
162
可见框架-像素选择 -block-inline :块内联元素 -inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格 可以设置宽度和高度地块元素的属性 visible-md sd sx - block-inline ; inline- ...
分类：
其他好文 时间：
2016-09-21 10:14:50
阅读次数：
399
摘抄自原文链接 简单来说display:inline-block,就是可以让行内元素或块元素变成行内块元素，可以不float就能向块级元素一样设置宽高，又能向行内元素一样轻松居中。 我觉得这个方法比较好理解。只摘抄这一个。 方法1：直接让块元素设置为内联对象呈递（设置属性 display:inlin ...
分类：
其他好文 时间：
2016-09-20 23:50:52
阅读次数：
157
你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用 padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪 些？…… 写cs ...
分类：
其他好文 时间：
2016-09-20 16:36:05
阅读次数：
173
