css高级技巧

css高级技巧

• 一.精灵图（sprites）
• • 1.why
  • 2.使用
• 二.字体图标
• • 1.why
  • 2.优点
  • 3.使用
  • 4.追加
• 三.css三角
• • [在这里插入图片描述 这样（会用到子绝父相）](#在这里插入图片描述 这样（会用到子绝父相）)
• 四.css用户界面样式
• • 1.鼠标样式（cursor）
  • 2.表单轮廓（outline）
  • 3.表单域拖拽（resize）
• 五.vertical-align
• • 1.应用
  • 2.使用（默认baseline）
  • 3.解决问题
• 六.溢出文字用省略号
• 七.布局技巧
• • 1.margin的负值应用
  • 2.文字围绕浮动文案
  • 3.行内快的巧妙运用
  • 4.css三角强化

一.精灵图（sprites）

1.why

2.使用

二.字体图标

1.why

2.优点

3.使用

（根目录font------复制style.css到

style里------复制目标图标html到里------设置font-family）

4.追加

三.css三角

这样（会用到子绝父相）

四.css用户界面样式

1.鼠标样式（cursor）

2.表单轮廓（outline）

3.表单域拖拽（resize）

五.vertical-align

1.应用

2.使用（默认baseline）

3.解决问题

wt

why

way

六.溢出文字用省略号

1

2

七.布局技巧

1.margin的负值应用

2.文字围绕浮动文案

3.行内快的巧妙运用

4.css三角强化

上大右小

只有右有颜色