随笔分类 -  CSS

摘要:实例1:图片水平垂直居中 实例2:多行文本水平垂直居中 阅读全文
posted @ 2018-07-20 15:38 我的TURF 阅读(148) 评论(0) 推荐(0)
摘要:line-height支持属性值 1.normal(默认属性) 跟着用户的浏览器走,且与元素字体关联 normal值 = 字体大小/100 2.<number> 使用数值作为行高值。如:line-height:1.5 根据当前元素的font-size大小计算 line-height = 1.5*20 阅读全文
posted @ 2018-07-20 14:30 我的TURF 阅读(823) 评论(0) 推荐(0)
摘要:1.元素高度从何而来?是由里面的文字撑开的? 2.如果行框盒子里面有多个不同高度的内联盒子? 3.父级元素line-height:1.5与line-height:150%/1.5em的区别 在计算上无差别,都是fontSize*1.5,但实际上有区别 阅读全文
posted @ 2018-07-13 14:09 我的TURF 阅读(242) 评论(0) 推荐(0)
摘要:line-height 定义: 即行高,两行文字基线之间的距离 三问: 什么是基线? 形象可理解为字母x的下边缘 为什么是基线? 在css中基线乃各种线的基础 需要两行吗? 实例: 所有内联元素的样式表现都与行内框盒子模型有关! 行内盒子模型: 1.内容区域:内容区域的大小与font-size大小有 阅读全文
posted @ 2018-07-13 13:59 我的TURF 阅读(230) 评论(0) 推荐(0)
摘要:CSS伪元素 伪元素本质上是一个元素,只是它一般需要依附在一个已有元素上,作为这个元素的"部分"或"补充" 1."first-line" 伪元素用于向文本的首行设置特殊样式。 2."first-letter" 伪元素用于向文本的首字母设置特殊样式。 3.":before" 伪元素可以在元素的内容前面 阅读全文
posted @ 2018-07-04 15:59 我的TURF 阅读(142) 评论(0) 推荐(0)
摘要:http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.html http://www.w3chtml.com/css3/properties/user-interface/box-sizing.html 阅读全文
posted @ 2017-04-01 16:53 我的TURF 阅读(119) 评论(0) 推荐(0)
摘要:http://blog.csdn.net/u011997156/article/details/44806523 阅读全文
posted @ 2017-03-31 22:59 我的TURF 阅读(896) 评论(0) 推荐(0)