阿里字体图标

• 查找图标--->把图标添加入库--->点购物车--->下载代码

vertical-align

垂直对齐方式，适用于行内、行内块元素垂直方向的对齐

 <!-- 给img设置vertical-align -->
    <div class="one">
        <img src="../图片/logo.gif" alt="" border=1>
        <input type="text">
    </div>

    <!-- 给input设置 -->
    <div class="two">
        <input type="text">上的无法缴纳罚金看能否几号放假
    </div>

    <!-- 给img设置vertical-align -->
    <div class="three">
        <img src="../图片/软考.png" alt="">
    </div>

光标类型

鼠标光标在元素上的显示样式 cursor

1. default：默认值，通常是箭头
2. pointer：小手形状
3. text：工字型，提示用户可以选择文字
4. move：十字光标，提示用户可以移动

overflow

1. visible 默认值，溢出部分可见
2. hidden 溢出部分隐藏
3. scroll 无论是否溢出，都显示滚动条
4. auto 根据是否溢出，自动显示或隐藏滚动条

元素隐藏

1. visibility:hidden 隐藏元素本身，在网页中占位置
2. display:none 隐藏元素本身，在网页中不占位置

属性选择器

• E[attr]
• E[attr="Val"]
• E可以是任意元素

选择器

• 通配符选择器 *
• 元素选择器 p{}
• id选择器 #id值
• 类选择器 .class值
• 后代选择器 .main p{}
• 子代选择器 .main>p{}
• 群集选择器 body,html{}
• 交集选择器 li.active{} 从li标签中选择class=“active”
• 伪类选择器 :link ,:visited,:hover,:active。顺序问题LVHA
• :focus选中元素获取焦点时状态，用于表单控件
• :nth-child(n)
• :nth-of-type(n)
• ::before
• ::after
• E[attr]
• E[attr="Val"]