# 71 | 姓名: 悄 | ip: *** 留言时间: 2024.6.22 19:56 |
也可以使用语法糖:
font: normal 20px/26px '宋体', SimHei, Arial, 'Microsoft YaHei', sans-serif;
normal 表示正常笔画,bold 替换它就是粗体;
20px/26px 表示字体大小 20px、行高 26px;
逗号隔开的是各种字体的罗列,前面的优先,没有才找下一个,中文名称和有空格的英文字体名称都需要用小角单或双引号。回复:三个内容:字体粗细,字体尺寸加行高,字体名称 |
# 70 | 姓名: 字 | ip: *** 留言时间: 2024.6.22 18:48 |
可以有多种选择:
font-family: '仿宋','宋体','楷体', sans-serif;
酱紫,有仿宋就先用仿宋,没有用宋体,还没有用楷体,还没有,用 sans-serif 家族的首字体回复:00 |
# 69 | 姓名: 悄然 | ip: *** 留言时间: 2024.6.12 21:14 |
那句代码要解读一下:
const pics = new Array(10).fill(0).map((item, key) => 'https://638183.freep.cn/638183/t24/3/alan' + (key + 1) + '.jpg');
首先,const pics = new Array(10).fill(0) 创建并填充数组,结果是10个数组元素,每个数组元素的内容都是 0 ,酱紫:[0,0,0,0,0,0,0,0,0,0];
其次,用 map 遍历数组 [0,0,0,0,0,0,0,0,0,0],让它的每一个数组元素变成——
网址共性部分的字符串+(数组元素序号+1)+ '.jpg'
结果是酱紫:图片共同的网址字串x.jpg
x 从 1 到 10回复:JS中的数学运算,和字符串在一起的时候,算式要用小括号包裹起来:(key + 1) 表示这是个算式 |
# 68 | 姓名: 阴影 | ip: *** 留言时间: 2024.6.4 21:39 |
你可以试着不同的外阴影颜色:
box-shadow: x y r color;
x : X方向偏移距离(负值表示左偏移)
y : Y方向偏移距离(负值表示上偏移)
r : 模糊半径
color : 阴影颜色
例如:
box-shadow: 0 0 40px red, 0 0 80px green, 2px 2px 100px blue, -2px -2px 120px black;回复:11 |
# 67 | 姓名: 背景 | ip: *** 留言时间: 2024.6.4 21:29 |
backgrouind-color: tan; /* 背景颜色 */
background-image: url('图片地址'); /* 背景图片 */
background-position: 50% 50%; /* 背景图片位置 xy坐标 50% 或两个 50% 等同于 center */
background-size: 100% 100%; /* 背景大小 */
background-repeat: no-repeat; /* 背景重复与否 值还有:repeat、repeat-x、repeat-y */回复:11 |
# 66 | 姓名: center / | ip: *** 留言时间: 2024.6.4 20:29 |
position/size
意思是 位置 / 尺寸
center / cover ,就是背景图片居中摆放,以封面(cover)女郎的样纸做尺寸,cover大致意思是保持封面女郎不变形,以最短边为依据,按比例截取最长边回复:11 |
# 65 | 姓名: 边框 | ip: *** 留言时间: 2024.5.30 20:38 |
边框也就这些东东了:
border-style : 边框样式
border-width : 边框厚度
border-color : 边框颜色
border-radius : 边框圆角半径
border-radius 是独立的属性。前三个在可以合在一起写(这叫语法糖):
border: 1px outset red;
1px :border-width
outset : border-style
red : border-color回复:77 |
# 64 | 姓名: 333 | ip: *** 留言时间: 2024.5.30 20:37 |
视频标签 object-fit: cover; 改改,cover 改为 contain回复:77 |