CSS中的单位有11种,你知道几个?px,pt,em,rem,%…

CSS中的单位有11种,你知道几个?px,pt,em,rem,%…
扶今追昔 CSS中的单位我们经常用到px、pt、em、百分比,px和pt不用多说 em em是相对单位,参考物是父元素的font-size,具有继承的特点 如果字体大小是16px(浏览器的默认值),那么 1em = 16px 这样使用换算很复杂,尤其是和px对应,大家总结出了经验 body { font-size: 62.5%; } 这样之后 1em = 10px 在布局等使用的时候好换算了很多 百分比 百分比也是很常见的用法,看似简单其实有些初学者可能注意不...

word-break:break-all,页面layout时间增加至少10秒

word-break:break-all,页面layout时间增加至少10秒
近期遇到个问题,用的xheditor编辑器,图片是base64解码直接存库里的,但每次编辑的时候,只要带有图片,页面加载非常慢 通过chrome的timeline录像,发现耗时在layout上 google上胡乱搜了一把,定位到影响layout的要么是css,要么是js,主要是改变了页面布局或元素大小,页面就会重新layout。根据代码排除法,定位到是css导致的layout时间增长。 最后还是通过排除法,一个个文件的排除,定位到了具体的cs...

清除浮动的各种方法总结

清除浮动的各种方法总结
很多人都有研究闭合浮动元素的问题,但是解决方法却不一样,也并不是每一种方法都尽善尽美。闭合浮动元素(或者叫清除浮动)是web标准设计中经常会遇到的一个问题,因此,这里我想总结一下目前经常用到的几种方法,并比较一下他们的易用性和适用环境。如果你有更好的方法不妨提出来大家一起讨论。 问题的提出: 最简单的一种情形就是我们把一个小的、固定宽度的div元素(比如导航、引用等)和其他元素内容...

CSS 选择器大全(30种,你知道几个)

CSS 选择器大全(30种,你知道几个)
  大概大家都知道我们常用的`id`,`class`以及`descendant`(后代)选择器,并且整体都在使用它们,那么你正在错过拥有更大级别的灵活性的选择方式。本文提到的大部分选择器都是在CSS3标准下的,所以它们只能在相应的最新版本的浏览器中才能生效,你完全应该把这些都记在你聪明的脑袋里面。这样才能迎接HTML5时代的到来   1. * 统配选择器   Css代码:   * {   margin: 0;   padding: 0;   }  ...

CSS中line-height的基本用法的区别

CSS中line-height的基本用法的区别
line-height这个样式相信大家一定不会陌生,我们经常用它来让文本上下居中,这样做一般不出出现什么问题,但是如果对这个属性不是很熟悉的话,可能会踩到一些坑,今天亲自去试验了一下,并总结了一下line-height的几个特性。 首先line-height有以下几种标准的写法: 写法1、line-height:normal;     //等价于写法5,固定值为数字1.2,默认为normal 写法2、line-height:inherit;    //父元素继承...
Copyright © 大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: