我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

谷江涛-20221018-前端css显示和隐藏 css其它技巧

[复制链接]
暴风雨 发表于 2022-10-19 00:02:10 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、今日内容
固定定位 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
二 今日问题

三 解决方法


回复

使用道具 举报

关注0

粉丝0

帖子33

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026