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

标题: CSS-陈旭辉-20230419 [打印本页]

作者: 陌殇 时间: 2023-4-20 00:36
标题: CSS-陈旭辉-20230419
一、学习内容

精灵图的使用：
1.是将多张小图片整合到一张大的图片中返回给浏览器，避免重复的对服务器进行请求，以减轻服务器压力。
2.精灵图主要是针对小的背景图片来使用的
3.主要借助于background-positon属性来实现
4.一般情况下属性值都是负值，因为x轴向左是负值，y轴向上是负值。
鼠标的样式：
属性名 cursor
1.default 默认的鼠标样式
2.pointer 小手鼠标样式
3.text 文本鼠标样式
4.move 移动鼠标样式
5.not-allowed 禁止鼠标样式
输入框删除外框：outline：none；
文本域取消拖拽：resize:none;
行内元素的对齐方式：
1.top 顶线对齐
2.middle 中线对齐
3.base-line 基线对齐（默认值）
4.botttom 底线对齐
CSS的三角制作：先将盒子的宽高设置为0，将四个边框的颜色改为透明色，然后想用哪一个三角，就将哪一个边框设置颜色即可。

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