菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 谷江涛-20221018-前端css显示和隐藏 css其它技巧 [打印本页]

作者: 暴风雨 时间: 2022-10-19 00:02
标题: 谷江涛-20221018-前端css显示和隐藏 css其它技巧
一、今日内容
固定定位 fixed  脱标以浏览器窗口为参照点
粘性定位 stacky 是为了实现网页中的元素达到一定的边偏移条件时，停止随屏幕滚动的。脱标

display
none 隐藏  block显示
visibility
hidden 隐藏  visible显示
overflow
hidden 隐藏将多余的内容剪切  默认值visible显示  scroll滚动条  auto 自动识别里内容添加滚动条
2 鼠标样式
cursor
pointer默认鼠标箭头
text 文本输入箭头
move 拖动时鼠标箭头
not-allowed 不可点击标
3 css精灵图添加背景图片在调背景图片位置
4 文本域取消拖拽 resize：none；
输入框删除外框  outline :none;
5 vertical-align 图片与文字对齐
middle 居中对齐
top 顶部对齐
bottom 底部对齐
6 css三角制作设置边框宽度样式颜色为透明色  再设置所需边框颜色为想要的颜色
css滑动门 a标签设置背景图片定位设置paddingleft显示背景图片再用span标签设置后面部分的背景图片定位再设置paddingright显示背景图片
省略号制作将文本强行在一行排列  overflow：hidden；剪掉多余的部分  将切掉的部分用省略号显示  text-overflow ellipsis
二今日问题
无
三解决方法
无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)