专栏首页2014前端笔记你不知道的css(三)

你不知道的css(三)

1.border

  • border-width不支持百分比

2.单位ex(相对字体和字号的单位) 利用ex使图标居中

.icon{
    display: inline-block;
    width: 20px;
    height: 1ex;
    background: url() no-repeat center
}

此时调节字体大小,图标都会居中 3.line-height

  • line-height就是内联元素的完全高度;是替换元素前一个空白幽灵节点的高度;块级元素无影响
  • line-height有数值,百分比值,长度值(em),都是相对于font-size计算得来,如果是数值,子元素继承的就是这个数值,而如果是其他,那么子元素继承的就是计算得来的值

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • WEB安全---ssrf和xss

    最近在做项目时,被内部的安全平台扫出了漏洞,也是之前自己早就知道的一些攻击方式,但是在写代码时并没有注意到,这里先记录下:

    2014v
  • 你不知道的css(二) ----content与替换元素,margin,padding

    触发margin:auto的前提条件是对应方向会自动填充,所以一般高度不会自适应,可以使用writing-mode: vertical-lr改变文档流方向,而这...

    2014v
  • Bump react-dom from 16.3.2 to 16.3.3 in /react-16.3

    Dependabot will resolve any conflicts with this PR as long as you don't alter it...

    2014v
  • UI5 control inheritance implementation question

    var oJerryButton = new JerryButton({ application: oApplication } );

    Jerry Wang
  • 快速学习-HBase实战解密

    Bloom Filter是一种空间效率很高的随机数据结构,它利用位数组很简洁地表示一个集合,并能判断一个元素是否属于这个集合。Bloom Filter的这种高效...

    cwl_java
  • 报告 | 从20世纪70年代至今,自动驾驶汽车的发展经历了哪些历史性的变革?

    AI 科技评论按:本文转载自微信公众号「学术头条」,搜索「SciTouTiao」即可关注。

    AI科技评论
  • 巨头逐鹿40万亿市场 中国或成无人驾驶主战场

    智能驾驶公交系统深圳首发试运行 自动驾驶公交车首次在深圳公共道路试运行,谷歌的无人驾驶网约车要上路测试,腾讯计划独立开发无人驾驶技术跟百度抢市场……近期,从国际...

    企鹅号小编
  • 5G技术与人工智能可以帮您的爱车省多少油?

    随着5G牌照的发放,无人驾驶车辆也在加速产业化。那么,5G技术与人工智能可以帮您的爱车省多少油呢?

    思谱云汇
  • 5G 时代互联网行业有什么新机遇?需要学习哪些知识?

    近日,腾讯无线网络与物联网技术负责人李秋香与高校科研教授、产业链、运营商等各行业的嘉宾一起参与了知乎「 科技共振之 5G+ 」活动,除了专业的5G探讨,也聊了不...

    云加社区专栏
  • 无人驾驶汽车大PK

    导读:无人驾驶技术的发展日新月异,技术或许不是障碍,障碍来自法律层面,虽然美国加州办法了无人驾驶汽车的实验牌照,但是,全球范围内尚未有任何一个国家正式公布相关的...

    机器人网

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动