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可以不编译此标签 但是现在没有浏览器支持 普通标签的换行和多空格视为一个空格符处理
可以用多个  &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 超出省略号