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的具体知识内容,得多练习,才能更好的熟练操作。
|