布局与定位 摆放元素 1，使用流 流实际上就是浏览器在页面上摆放HTML元素所用的方法。浏览器从HTML文件最上面开始，从上到下沿着元素流逐个显示所遇到的各个元素。 每个块元素会按它在HTML标记中出现的顺序放置在页面上。每个新的块元素会带来一个换行。并且元素会占满页面的整个宽度。 内联元素在水平方 ...
分类：
其他好文 时间：
2018-07-25 22:05:55
阅读次数：
184
每次面试都是知识收获的过程！ 1、文本水平居中 效果： 2、文本垂直居中 效果： 3、块元素水平 效果： 4、块元素垂直居中 效果： ...
分类：
其他好文 时间：
2018-07-25 11:39:46
阅读次数：
158
首先来看看display: table的兼容性： 可以看到，除非你还要跟IE6/7较劲，否则display: table不需考虑兼容性。 接下来看看关于table的display可选值： table：指定对象作为块元素级的表格，相当于html标签<table> inline-table：指定对象作为 ...
分类：
Web程序 时间：
2018-07-24 15:50:54
阅读次数：
263
Links对齐 编辑themes/next/source/css/_custom下的custom.styl，添加如下代码即可。 .links-of-blogroll-title{ margin-left:6px; } .links-of-blogroll-inline .links-of-blogr ...
分类：
其他好文 时间：
2018-07-23 20:25:07
阅读次数：
296
浮动模型 块元素看不到他，因此，如果父级是块元素的话，不设置宽高的话，那么float将无法撑起父级元素。父级元素将会没有高度。 解决方法 清除浮动流。然后只要另一个块级元素清除了浮动流那么就可以成功的撑起了块级元素。 这段代码，如果没有p标签来撑开父级元素的话，那么wrapper将没有高度。 解决方 ...
分类：
Web程序 时间：
2018-07-23 19:56:45
阅读次数：
179
1、html，css，js的关系 html作为基础，css进行渲染（布局），js进行动画。 2、HTML是什么 htyper text markup language 即超文本标记语言 超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 标记语言: 标记（标签）构成的语言. 网页 ...
分类：
Web程序 时间：
2018-07-22 20:04:51
阅读次数：
206
在body里面放置两个盒子，里面盒子设置margin-top，外层盒子生效？在里面盒子上面加一个块元素，设置高度 表单 form action="地址" method="get/post" input type:text password button checkbox radio reset su ...
分类：
Web程序 时间：
2018-07-20 21:42:39
阅读次数：
1936
一、-webkit-line-clamp限制块元素显示的文本的行数 适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端； 注： 二、完美解决多行文本溢出显示省略号的解决方案 （至于其他的两种方案实现多行文本溢出显示省略号，个人只能说ORZ。） ...
分类：
其他好文 时间：
2018-07-17 23:34:16
阅读次数：
216
float的特点 1,可以使块元素在一行显示(元素浮动后会脱标不占位) 2,可以使元素进行模式转换. 但是,但是,但是 有优点 就一定有缺点. 有时候一不留神就会被它的缺点折磨的抓狂. 我有次用float给父元素里的所有子元素都添加了浮动效果,但是没有给父元素设置高度.. 结果是( 废话不多说 上图 ...
分类：
其他好文 时间：
2018-07-16 23:46:40
阅读次数：
191
六种实现元素水平居中 1、margin和width实现水平居中 .center { width: 960px; margin-left: auto; margin-right: auto; } 2、inline-block实现水平居中方法 .pagination { text-align: cent ...
分类：
其他好文 时间：
2018-07-11 15:03:12
阅读次数：
186
