摘要: border-radius: 值为半径 1)圆: 一个值:四周圆角 两个值:左上角及右下角 右上角及左下角 三个值:左上角 右上角及左下角 右下角 四个值:从左上角开始 顺时针设置。(左上 右上 右下 左下) 2)椭圆分垂直半径和水平半径: border-radius: 水平半径 / 垂直半径 二、 阅读全文
posted @ 2020-04-13 21:35 油画家的第一站 阅读(798) 评论(0) 推荐(0) 编辑
摘要: 一、width的属性值: ①fill-available 合理分配有效剩余空间 ② fit-content 找子元素内容的宽度。按照子元素的宽度进行设置 ③max-content 找子元素最大的宽度 ④min-content 找子元素最小的宽度 阅读全文
posted @ 2020-04-13 20:49 油画家的第一站 阅读(448) 评论(0) 推荐(0) 编辑
摘要: 一、背景新增css属性: 1)background-origin:背景图的起始位置 ①padding-box; 默认值(padding区域开始) ②border-box; 边框后面开始 ③content-box; 从内容区域开始 2) background-clip:; 背景的裁切(只显示哪个区域的 阅读全文
posted @ 2020-04-13 20:29 油画家的第一站 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 一、英文或者数字默认显示:如果没有换行的情况下:尝试把下一个长单词放在下一行显示。 1)word-wrap: ①break-word: 功能:尝试把长单词换到下一行显示,如果在下一行仍然有超出的情况下,自动断句。 ②normal: 功能:只在允许的断字点换行(浏览器保持默认处理) 2)word-br 阅读全文
posted @ 2020-04-13 19:55 油画家的第一站 阅读(419) 评论(0) 推荐(0) 编辑
摘要: 一、文本阴影: ①text-shadow: x轴位置 Y轴位置 阴影大小(模糊程度) 阴影颜色; ②注:如果想添加多个阴影 每一组阴影以逗号分隔。 二、盒子阴影: ①box-shadow: x轴位置 y轴位置 阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影(inset 可选); ②添加多阴影:以逗号 阅读全文
posted @ 2020-04-13 19:27 油画家的第一站 阅读(256) 评论(0) 推荐(0) 编辑