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

标题: 元素显示与隐藏袁瑞-2021117 [打印本页]

作者: Yrrrrrrrrrr 时间: 2022-11-17 03:23
标题: 元素显示与隐藏袁瑞-2021117
一·、display 显示与隐藏
1.display:block; 除了转化为块元素的功能外，还能将元素给显示出来
2.dispaly:none; 隐藏对象
3.dispaly来隐藏元素时，隐藏的元素不再占有原来的位置，一般会和js在一起进行搭配使用。
二、CSS的其他技巧
精灵图
鼠标样式
鼠标样式
属性cursor
属性值：
default 默认的鼠标样式
pointer  小手的鼠标样式题
text  文本鼠标样式
move 拖动时的鼠标样式
not-allowed 禁止鼠标样式

输入框删除外框
文本域取消拖拽
行内元素的对齐方式
三·、CSS的三角制作
1.盒子的四个边框的联结处是分别平分的样式
2.将盒子的宽高设置为0  直接利用边框可生产四个三角形状
3.将边框的颜色设置为透明，需要哪个三角，单独设置哪个边框的颜色即可
四·、CSS的省略号制作
1.让文字一行显示
2将多余的文字隐藏掉
3.将隐藏的文字用省略号代替
五·、CSS的滑动门
核心思想，用a标签实现左部背景图，用哪个span实现右部的背景图
CSS字体图标的使用
1.登录阿里字体图标库
2.加购
3.下载
4.将下载的压缩包解压到项目目录下
5.在demo_index.html文件中查看字体图标的类名
6.在html文件中引入字体图标
7、改变字体图标大小要注意权重问题，字体属性默认的权重是10

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