支持小于12px文字,rem与em,CSS画一个三角形,使用link和@import区别

怎么让Chrome支持小于12px 的文字？ 

div{
    font-size:10px;
}

p{
    display: inline-block;
    transform: scale(.1);   得到的就是1px
}

 

rem和em有什么样区别

rem针对于根(html)的font-size

em针对于父元素的font-size

 

用CSS画一个三角形

.triangle{   得到的是向上的三角形

    width: 0px;

    height: 0px;

    border-bottom: 200px solid #cc7eb1;

    border-left: 200px solid transparent;

    border-right: 200px solid transparent;

}

 

 

页面导入样式时，使用link和@import有什么区别？

1. link 是一个标签 、 @import是css的内容

2. link先加载，@import后加载     【重点】

因为link是标签

3. 兼容问题

先创造的link 后创造的@import     ie6以下

共同的作用都是引入样式表