前端基础知识点相关笔记

前端基础第六天复习
显示与隐藏
display
none 无 隐藏元素
block 显示元素 转换为块级元素
visibility
visible 显示
hidden 隐藏
dis 和vis 区别 display 不占位置 visibility占位置
overflow
hidden
溢出的部分隐藏掉
visible 显示
auto 自动 超出就显示滚动条 不超出不显示滚动条
scroll
总是显示滚动条
vertical-align
和行内块搭配 使用
img input
img 图片 默认和 文字的 基线对齐
CSS精灵 (sprite)
为什么用精灵技术：为了减少去服务器的请求次数
怎么实现精灵技术： 把多个小背景图片放到一张大图上面
我们怎么使用精灵： 背景定位 background-position
一定学会用fw 去测量精灵图
分支主题 6
溢出的部分显示省略号
1. 文字一行显示 不换行 white-space： nowrap
2. 溢出部分隐藏 overflow：hidden；
3. 超出的部分以省略号显示 text-overflow:ellipsis
用户界面
cursor 鼠标样式
default 小白
text 文本
move 移动
pointer 小手
轮廓线 针对于表单
outline：0 或者 none
防止文本域拖拽
resize: none;