![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 63
sophie-bilicili
这个作者很懒,什么都没留下…
展开
-
css line-height:150%和1.5的不同之处
line-height:150%和1.5的不同之处对于元素本身的展示效果是没有区别的,只是被子级继承之后会表现有所不同,150%不被直接继承,而是和本身的font-size相乘之后的结果被子级继承为子级的行高,而line-height:1.5被继承之后是1.5乘以子级的font-size ggggggggggggg676756原创 2016-03-23 14:33:10 · 459 阅读 · 0 评论 -
未知宽高的img在已知宽高的div中水平垂直居中的几种方法
Document .box{ float: left; } .box1{ width: 400px; height: 400px; border:1px solid red; display: table-cell; text-align: center; vertical-align: middle; overflow: hidden; /*不能浮动*原创 2016-03-14 14:49:48 · 698 阅读 · 0 评论 -
字体图标的制作
1.下载或制作一条复合路径的SVG图 2.上传至https://icomoon.io/ (点击IcoMoon App,选择Import Icons) 3.下载,会自动生成selection.json文件,该文件会记录下载的icon图标,这样再追加图标时就可以直接上传json文件,不用重新上传svg 4.每次下载后需更新字体文件的json文件原创 2017-02-17 18:35:19 · 219 阅读 · 0 评论 -
子级绝对定位也受父级宽度的影响
*{ margin: 0; padding: 0; } .txt{ display: inline-block; height:30px; line-height: 30px; border:1px solid #498fd3; back原创 2017-02-10 10:31:04 · 1127 阅读 · 0 评论 -
CSS选择器(符)
CSS选择符又称CSS选择器 1.标签选择器,例如span{} 2.类选择器,例如.btn{} 3.id选择器,例如#id{} 4.子选择器 ,例如.foot>li{} 5.包含(后代)选择器例如.foot span{} 6.通用选择器* 7.伪类选择器,例如a:hover 8.分组选择器,例如span,p{} 9.属性选择器,例如input[type="checkbox原创 2017-02-10 13:54:06 · 217 阅读 · 0 评论 -
css之vertical-align
一、vertical-align的属性 1.线类:baseline,top,middle,bottom 。2.文本类 :text-top,text-bottom。 3.上标下标类:sub,super 。 4.数值百分比类:20px,2em,20% 二、数值和百分比的差异 数值百分比类 分为数值类和百分比类,但是两种有很多共性1.都带数字。2.都支持负值(css里支持负值的并不多margin,转载 2017-02-24 17:45:59 · 309 阅读 · 0 评论