css
我是新手F1
热爱前端编程,希望可以和大家一起进步。。。
展开
-
position自适应布局
position绝对布局时,left,right,top,bottom可以同时起作用,从而撑开元素。示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>position</title> <style> .out{ height: 200px;原创 2017-05-26 22:27:27 · 1434 阅读 · 0 评论 -
bfc与margin折叠问题
边距折叠边距折叠只会发生在上下边距,左右边距是不会发生折叠的边距折叠只发生邻接的上下边距中,也即兄弟节点或者父子节点发生边距折叠的两个节点必须同处于一个bfc布局中发生边距折叠的两个父子节点没有border或者padding隔开只有普通文档流中块框的垂直外边距才会发生外边距合并,行内框、浮动框- 或绝对定位之间的外边距不会合并。bfcbfc的作用:两列布局通过使父元素bfc化,清楚内原创 2017-04-17 09:50:20 · 647 阅读 · 0 评论 -
text-align:justify两端对齐布局
text-align:justify该属性和值可实现文本两端对齐div{ border:1px solid black;}CSS text-justify实例In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mi原创 2017-04-11 14:56:46 · 456 阅读 · 0 评论 -
inline-block的基线问题
从测试结果可知:如果内联块里的没有文字,则其基线为下边线,如果有则为文字的基线原创 2017-03-28 14:35:40 · 1204 阅读 · 0 评论 -
line-height的底线、基线、中线、顶线
说明:粉色为顶线,蓝色为中线(和英语本有点差异),绿色为基线,红色为底线1.vertical-align:top2.vertical-align:middle3.vertical-align:baseline4.vertical-align:bottom结论:顶线和底线是相对于中线来计算的,当line-height原创 2017-03-28 10:28:51 · 5008 阅读 · 0 评论 -
less中文示例教程
1.变量1.1.value变量示例1input:// Variables@link-color: #428bca; // sea blue@link-color-hover: darken(@link-color, 10%);// 用法a,.link { color: @link-color;}a:hover { color: @link-c原创 2017-01-27 14:36:55 · 1412 阅读 · 0 评论 -
详解line-height与vertical-algin
关于line-height与vertical-align这两个属性,相信很多人都知道这两个属性的用法,但往往很多时候并不能达到我们想要的效果,看了很多网上的教程,写的都不是很明白,今天就把我的研究成果分享给大家吧,如有觉得不对的地方,请留言帮助我一起改进。首先我们来看下官方给出的line-height属性的解释:line-height属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素原创 2017-01-15 21:29:36 · 617 阅读 · 0 评论