本帖最后由 我想 于 2022-11-16 20:51 编辑
一.今日学习：1.css定位的拓展：加了绝对定位的盒子不能通过margin进行水平居中，需要用左右偏移来进行居中。无论什么元素，使用固定定位或绝对定位都可以直接设置宽高。脱标的盒子不会触发外边距塌陷问题。固定定位和绝对定位都会压住下面的盒子。 2.元素的显示和隐藏：通过display来进行隐藏，display隐藏时，元素不占有原来的位置，一般和JS连用。
通过visibility来进行隐藏，使用visiblity后元素依旧占位。
通过overflow进行隐藏：overflow：visible（不剪切内容，也不添加滚动条）、overflow：hidden（将超出盒子的内容给隐藏掉）、overflow：scroll（不管有没有超出盒子，都显示滚动条）、overflow：auto（超出盒子有滚动条，未超出不显示滚动条）。
3.css的其他技巧：精灵图：将多张小图整合成一张大图返回给浏览器，减少对服务器的重复请求，以减轻服务器压力。
鼠标样式：使用cursor定位，属性值有default（标准样式）、pointer（小手样式）、text（文本样式）、move（拖动样式）和not-allow（禁止样式）。删除外框用outline：none来定义，而文本域取消拖拽用热size：none来定义。 4.行内元素的对齐方式：用vertical-align来定义。有四种属性值，分别是top（顶线对齐）、middle（中线对齐）、baseline（基线对齐）和botton（底线对齐）。
5.css的小三角的制作：现将盒子的宽高设置为0，直接利用边框可生产四个三角形，再将边框的颜色设置为透明，需要那个角直接给对应的边框的颜色即可。
6.css的省略号：首先让文字一行显示，再将剩余文字隐藏，最后让隐藏的文字用省略号代替。
二.今日问题：无。
三.解决方案：无。
|
