前端基础知识点相关笔记

前端基础第六天复习
显示与隐藏
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;

你可能感兴趣的:(前端基础知识点相关笔记)