前端Day05

好久没更新 厌恶怠惰的自己

 

精灵图sprites：使用background属性进行设置

 

字体图标：

 

CSS三角：（设置边框颜色为transparent 再对三角部分独立设置颜色）

 

CSS界面样式：

1.鼠标样式(cursor属性)：

 

2.轮廓线outline：

①取消表单轮廓（outline:none）

②取消文本框拖拽（outline:none、resize:none）

 

vertical-align属性：

①用于图片和文字的垂直对齐

②用于解决图片底部空白缝隙问题

 

 

 

文字溢出以省略号显示：

①单行文本：

 

 

②多行文本：

 

常见布局技巧：

①：margin负值应用：

由于两个具有边框的盒子相邻时边框重叠实现1+1=2的效果 为简洁美观 要使用margin属性设置负值使两者分离。

②：文字围绕浮动元素：

利用浮动元素不会压住文字的特性

③：行内块运用：底部分页栏

④：CSS三角强化：border-color和border-width属性搭配使用

 

CSS初始化：