css3日常笔记1

• 在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。

前缀	浏览器
-webkit	chrome和safari
-moz	firefox
-ms	IE
-o	opera

 

• text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。

  text-overflow:ellipsis; 
  overflow:hidden; 
  white-space:nowrap; 

  语法：

  

  normal为浏览器默认值，break-word设置在长单词或 URL地址内部进行换行，此属性不常用，用浏览器默认值即可。

• transform translate不能应用于inline元素，只能应用于display为inline-block或者block元素，float或者absolute会将非display：none的元素转化为display:inline-block,所以我给上面的span加上position:absolute动画一样生效

ul左侧空白是因为没有清除默认的margin padding 
解决方法：

ul{margim:0;padding:0;}

• transition-timing-function属性指的是过渡的“缓动函数”。主要用来指定浏览器的过渡速度，以及过渡期间的操作进展情况，其中要包括以下几种函数：
• 
• 
• 在CSS中盒模型被分为两种，第一种是w3c的标准模型，另一种是IE的传统模型，它们相同之处都是对元素计算尺寸的模型，具体说不是对元素的width、height、padding和border以及元素实际尺寸的计算关系，它们不同之处是两者的计算方法不一致
• 怎么样的布局或者说HTML结构才是简单干净的呢？这里教大家一个快速测试的方法。你首先禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去。