CSS学习笔记22——常见布局技巧

margin负值运用

        1.让每个盒子margin往左侧移动-1px正好压住相邻盒子边框。

        2.鼠标经过某个盒舒的时候,提高当前盒子的层级即呵(如果没有有定位,则加相对定位(保留位置) , 如果有定位,则加z-index )

文字围绕浮动元素

巧妙运用浮动元素不会压住文字的特性

CSS三角强化

width: 0;
height: 0;
border -color: transparent red transparent transparent;
border-style: solid;
border -width: 22px 8px 0 0;

CSS初始化

不同浏览器对有些标签的默认值是不同的,为了消除不同浏览器对HTML文本呈现的差异,照顾浏览器的兼容,我们需要对CSS初始化

简单理解: CSS初始化是指重设浏览器的样式。(也称为CSS reset )

每个网页都必须首先进行CSS初始化。

Unicode编码字体:

把中文字体的名称用相应的Unicode编码来代替,这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。

比如:
黑体\9ED1\4F53
宋体\5B8B\4F53
微软雅黑\5FAE\8F6F\96C5\9ED1