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

标题: css_袁思瑶_20230210 [打印本页]

作者: 袁思瑶 时间: 2023-2-10 23:30
标题: css_袁思瑶_20230210

20230210

一、css的定位

1、为什么需要定位

2、定位的组成

定位=定位模式+边偏移

定位模式 position

静态定位 static

相对定位 relative

绝对定位 absolute

固定定位 fixed

3、定位的叠放次序z-index4e

4、定位拓展

行内元素为了加绝对定位或者固定定位，可以直接设置宽高

脱标的盒子不会触发边距塌陷的问题

绝对盒子的居中问题

（1） left：50%;

（2） margin-left

二、元素的隐藏和显示

display 显示隐藏

visibility 显示隐藏

overflow 溢出显示隐藏

三、css的其他技巧

1、精灵图

2、鼠标样式

cursor:default 默认鼠标样式

cursor:pointer 小手鼠标样式

cursor:text 文本鼠标样式

cursor:move 拖动鼠标样式

cursor:not-allowed 禁止鼠标样式

3、输入框删除外框

4、文本域取消拖拽

5、行内元素的对齐方式

6、三角制作

7、 css的省略号制作

8、字体图标的使用

四、问题

随着知识的越来越多，做的作业也越来越复杂，经过这几天的学习，基本可以初步了解css的具体知识内容，得多练习，才能更好的熟练操作。

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