文本阴影:text-shadow:x y 大小 颜色 注:如果想添加多个阴影,每一组以逗号隔开
盒子阴影:box-shadow: x y 距离 大小 颜色 内阴影inside
word-wrap:break-word 功能:尝试把长单词换到下一行显示,如果下一行仍有超出,自动短句
word-break:break-all 功能:粗暴的短句
background-origin:背景图的起始位置
padding-box;默认值 padding区域开始
border-box;边框后面开始
content-box;从内容区域开始
background-clip:;背景的裁切
border-box 默认值
padding-box
content-box
控制背景图的大小: background-size:
属性值:宽度 高度
属性值的数值:10px 10px
100% 100%
cover 按照背景图的比例放大到全部平铺在元素后面停止
contain 按照比例放大,当宽或高达到容器最高则停止
border-image:
border-image-source:用在边框的位置路径
border-image-slice 图片边框向内偏移
border-image-repeat 图像边框是否平铺、铺满、或拉伸
border-image-outset 边框向外偏移
border-radius:半径
一个值:四角变圆
两个值:左上角及右下角 右上角及左下角
三个值:左上角 右上角及左下角 右下角
四个值:从左上角开始 顺时针设置
分垂直半径和水平半径:border-radius:水平半径/垂直半径
width的属性值:fill-available 合理分配有效剩余空间
fit-content 找子元素内容的宽度。按照子元素的宽度进行设置
max-content 找子元素最大的宽度
min-content 找子元素最小的宽度
calc :
pointer-events:none;
阻止各种按钮的功能
文本阴影、控制背景图大小、元素变圆
最新推荐文章于 2022-10-17 09:56:37 发布