css3笔记

1.关于选择器 

 .class p:nth－child(n) 

 class下第n个为p的元素  若不为p则不生效

 .class p:nth-of-type(n)

class下p元素的第n个  其他元素不计数

 

.class  :nth－child(n)

若前面不指定则选择第n个元素

.class :nth－of－type(n)

选择各类元素里的第n个

 

2.关于字体

webkit－text－size－adjust:none 可以解除google最小为12px的限制

现在一般用  font1｛fontsize:12,transform:scale(0.5)｝代替

devicepixelratio设备像素比   

 dom.style获取的是所有的样式  window.getcomputedStyle获取最终样式  dom.style.cssText是自己定义的style

code标签和pre标签 pre可以保留换行空格等格式 lt gt可以翻译为< >所以可以配合code呈现源代码
正常标签中也有translate=no可以不编译此标签 但是现在没有浏览器支持 普通标签的换行和多空格视为一个空格符处理
可以用多个&nbsp &ensp2个空格 emsp 4个空格

内联元素width height无效  padding margin只对左右有效

浏览器对中英文处理不一样 英文只要不空格就视为一个单词

u标签和textdecoration实现下划线

  1.1自定义字体  

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9+ */
}

div
{
font-family:myFirstFont;
}

1.2  word－wrap:break－word/break－all/默认normal
     white－space:nowarp;字体不换行  (处理空白的方式 默认normal  pre类似pre标签)
     text－overflow:ellipsis 超出省略号