diff --git "a/\345\220\264\345\255\237\345\275\244/20240930-\350\203\214\346\231\257\345\261\236\346\200\247\345\222\214overflow\346\240\207\347\255\276.md" "b/\345\220\264\345\255\237\345\275\244/20240930-\350\203\214\346\231\257\345\261\236\346\200\247\345\222\214overflow\346\240\207\347\255\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..722060cda0227b3cf8eae24b9444757cf8958a17 --- /dev/null +++ "b/\345\220\264\345\255\237\345\275\244/20240930-\350\203\214\346\231\257\345\261\236\346\200\247\345\222\214overflow\346\240\207\347\255\276.md" @@ -0,0 +1,35 @@ +### overflow标签 +1. 属性值 + + visible:默认值,可视化的,多余的也会显示出来 + + hidden:隐藏,不显示超出范围的内容 + + auto:如果内容不超出,则不显示滚动条,超出就显示滚动条 + + scroll:显示滚动条 +### 鼠标属性 +1. 属性值 + + auto:默认值,根据浏览器来显示鼠标 + + pointer:竖起手形光标 + + hand:与pointer一样 +### 背景属性 +1. `background-color:#fff`:设置背景颜色 + + 表示方法:单词、rgb表示法、十六进制表示法。 + + rgba 即:Red 红、Green 绿、Blue 蓝、Alpha 透明度。 + + r、g、b 的取值范围是:0~255;透明度的取值范围是 0~1。 + + HSLA 表示法 + - H:色调,取值范围 0~360。0或360表示红色、120表示绿色、240表示蓝色 + - S:饱和度,取值范围 0%~100%。值越大,越鲜艳 + - L:亮度,取值范围 0%~100%。亮度最大时为白色,最小时为黑色 + - A:透明度,取值范围0~1 +2. `background-image:url('');`:设置图片为背景 +3. `background-repeat: no-repeat;`:设置背景是否重复平铺 + + no-repert:不平铺 + + repeat-x:横向平铺 + + repeat-y:纵向平铺 +4. `background-position:向右偏移量 向下偏移量;`:设置背景位置 + + left right center top bottom +5. `background-attachment:scroll;`:设置背景图片是否跟着滚动条一起滚动 + + fixed:背景被固定住,不会跟着滚动条一起动 + + scroll:默认值,跟着滚动条一起滚动 +6. `background-size:`:设置背景图片大小 + + cover:图片始终填充满容器,且保证长宽比不变。图片如果有超出部分,则超出部分会被隐藏 + + contain:将图片完整地显示在容器中,且保证长宽比不变。可能会导致容器的部分区域为空白 + + 具体数值/百分比 diff --git "a/\345\220\264\345\255\237\345\275\244/\344\275\234\344\270\232/20240930-\350\203\214\346\231\257\345\237\272\347\241\200\344\275\234\344\270\232.md" "b/\345\220\264\345\255\237\345\275\244/\344\275\234\344\270\232/20240930-\350\203\214\346\231\257\345\237\272\347\241\200\344\275\234\344\270\232.md" new file mode 100644 index 0000000000000000000000000000000000000000..b2080df2ed85075b04bd717cfb25080fa2e3eba1 --- /dev/null +++ "b/\345\220\264\345\255\237\345\275\244/\344\275\234\344\270\232/20240930-\350\203\214\346\231\257\345\237\272\347\241\200\344\275\234\344\270\232.md" @@ -0,0 +1,50 @@ +``` + + + + + + Document + + + +
+
+
+
+
+ + +``` +[效果1](http://sjnjd2n96.hn-bkt.clouddn.com/%E8%93%9D%E8%89%B2%E5%9B%BE.png) +[效果2](http://sjnjd2n96.hn-bkt.clouddn.com/2--%E8%83%8C%E6%99%AF.png) +[效果3](http://sjnjd2n96.hn-bkt.clouddn.com/%E8%83%8C%E6%99%AF%E8%A6%86%E7%9B%96%E5%85%A8%E5%B1%80.png) +[效果4](http://sjnjd2n96.hn-bkt.clouddn.com/%E8%83%8C%E6%99%AF%E5%9C%A8%E5%8F%B3%E4%B8%8B%E8%A7%92.png) +[效果5](http://sjnjd2n96.hn-bkt.clouddn.com/%E9%87%8D%E5%A4%8D%E5%9E%82%E7%9B%B4.png) \ No newline at end of file