14.装饰 对齐问题 光标 隐藏 圆角 透明

1.基线的相关知识

2.关于文字对齐的问题，当图片和文字一行显示，其实底部不是对其的

3.垂直对齐属性 vertical-align

baseline 默认，基线对齐
top 顶部对齐
middle 中部对齐
botton 底部对齐

4.input   和img 无法对其

  --默认为基线对齐

--都是行内元素 可以用----设置对齐

`img{

    vertical-align: bottom;

    }`

5.文本框和盒子对其- 无法贴顶      -设置input 顶部对齐

6.图片和文字---图片默认和文字的基线对齐---对其 是行内元素  和 行内块元素

可以把图片转为块元素--就没有对齐的要求，就不会默认和文字对齐

7.用line-hight元素 让img图片垂直居中

8.边框圆角

边框圆角 正圆----border-radius: 50px;  --为盒子尺寸的一半 （盒子必须是正方形）

·

9.盒子溢出--效果设置

10.元素隐藏功能

11.控制元素整体透明度

案例：用css 画一个三角形

div{
      height: 0px;width: 0px;
      border-left: 50px solid cyan;
      border-right: 50px solid cyan;
      border-bottom: 100px solid saddlebrown;
  }