css之小结

1：重置样式表的作用？

因为不同浏览器对标签的解析各不相同，重置css样式可以让标签在不同浏览器下产生相同的效果。

1.消除标签的默认样式

2.让标签的外观在各个浏览器中显示一致

3.节省css代码

2：如何写一个重置样式表？

把页面当中需要大量用到标签的公共样式提取出来，或者去掉默认样式就行。

3:改变光标的样式

cursor: pointer; 手势

/*cursor: help;*/ 帮助

三角的写法：

.box{

width:0;

height: 0;

/*border: 50px solid red;*/

/*border-bottom-color:transparent ;

border-left-color:transparent ;

border-right-color:transparent ;*/

/*transparent 透明色 */

border-top: 250px solid red;

border-left:250px solid yellow ;

border-right:250px solid blue ;

border-bottom:250px solid green;

}

2.省略号

/*单行文本省略号*/

/*p{

white-space: nowrap;/*不折行*/

/*overflow: hidden;*/

/*text-overflow: ellipsis;/*把文本变成省略号*/

}

* 这是4个浏览器的兼容写法

浏览器内核的简写

-o- 欧朋浏览器

-webkit- 谷歌浏览器

-ms- IE浏览器

-moz- 火狐浏览器