随笔档案「2021年10月」 - li130

摘要：块元素才能用Margin:0 auto居中；行级元素要在父级元素中用：text-align:center 设置阅读全文

posted @ 2021-10-20 15:19 li130 阅读(44) 评论(0) 推荐(0)

摘要：/*边框属性：阴影(发光效果）边框圆角值边框样式取消*/ div:hover{box-shadow:0px 0px 10px 5px #a28;}/*x偏移 y偏移羽化阴影大小颜色*/ div{border-radius:20px;}/*圆角*/ div{border: 1px solid 阅读全文

posted @ 2021-10-20 14:18 li130 阅读(90) 评论(0) 推荐(0)

背景重复、水平重复、垂直重复、不重复;背景尺寸大小;背景定位;background-repeat；背景固定;背景属性简写

摘要：/*背景重复、水平重复、垂直重复、不重复;背景尺寸大小;背景定位;background-repeat；背景固定;背景属性简写*/ body{background-image: url(xxx.jpg);background-repeat:repeat ;}/*背景重复,默认是重复的*/ body{b 阅读全文

posted @ 2021-10-20 13:24 li130 阅读(286) 评论(0) 推荐(0)

行元素、行内块级元素块元素元素显隐、块之间的间距取消

摘要：/* 行元素、行内块级元素块元素元素显隐、块之间的间距取消 A 块级元素特点 1.可以设置宽和高 2.不能和其他元素呆在一行 3.当没有设置宽、高时，由元素内容决定 B 行级元素特点 1.不可以设置宽高 2.可以和其他行级元素呆在一行 3.宽高由内容决定 4.行级元素转换成块元素：a{displ 阅读全文

posted @ 2021-10-20 10:36 li130 阅读(155) 评论(0) 推荐(0)

初始化：文本

摘要：/*初始化字体*/ body{font-size: 16px;font-family:"微软雅黑";color: #222;} b{font-weight: normal;} i{font-style: normal;} a,a:hover,a:active{text-decoration:none 阅读全文

posted @ 2021-10-15 13:45 li130 阅读(40) 评论(0) 推荐(0)

文本：字间距行高垂直居中首行缩进水平排列垂直对齐下划线、上划线、删除线文本阴影

摘要：/*字间距行高垂直居中首行缩进水平排列垂直对齐下划线、上划线、删除线文本阴影*/ div{letter-spacing:50px;}/*文字之间的间距*/ /*垂直居中行高*/ div{line-height: 40px;}/*设置行高 ,line-height的高度设置成父元素高度阅读全文

posted @ 2021-10-15 13:43 li130 阅读(251) 评论(0) 推荐(0)

字体：大小字体颜色粗体透明倾斜初始化

摘要：/* 大小字体颜色粗体透明倾斜初始化*/ div{font-size:60px;}/*字体大小设置*/ div{font-family:"微软雅黑";}/*设置字体，可用逗号间隔设置多个字体*/ div{color: #fafe1f;}/*设置颜色*/ div{color: red;}/ 阅读全文

posted @ 2021-10-15 10:24 li130 阅读(66) 评论(0) 推荐(0)

选择器

摘要：td:nth-child(3){color: red;}/*选择第3列*/ tr:nth-child(3){color: red;}/*选择第3行*/ tr:nth-child(n+3):nth-child(-n+10){color: red;} /*选择第3到第10行*/ 选择前3行或列，只要把括阅读全文

posted @ 2021-10-13 17:24 li130 阅读(68) 评论(0) 推荐(0)

伪类选择器

摘要：tr:hover{background-color: cadetblue;}/*鼠标放在行上，本行变色*/ tr:hover+tr{background-color: red;}/*鼠标放在行上，下一行行变色，主要是增加了一个“+”号，如果增加2个就跳过2个，依次类推 */ tr:hover~tr{ 阅读全文

posted @ 2021-10-13 15:32 li130 阅读(68) 评论(0) 推荐(0)

10 2021 档案

公告