文本阴影 (text-shadow)一、text-shadow 概述text-shadow 用来为文字添加阴影效果,如果要给文字添加多个阴影,多个阴影之间用 ,(逗号)隔开。当阴影个数 > 1 时,阴影应用的顺序为从前到后,第一个指定的阴影在最顶部显示。基本语法/* x偏移和 Y偏移,值可以为正负整数 模糊半径 为 0 或大于 0 的整数 */ text-shadow: x偏移...
盒子阴影 (box-shadow)一、box-shadow 概述box-shadow 给盒子添加阴影效果,阴影是不占空间的。基本语法box-shadow: [inset] x偏移 Y偏移 [模糊半径] [扩散半径] 颜色;参数说明参数说明inset表示内阴影,当需要设置内阴影时,才添加(可省略)x偏移阴影在 x 轴(水平)方向偏移量值为正,表示阴影向右偏移值为负,表示阴影向左偏移y偏移阴影在...
圆角边框 (border-radius)一、border-radius 概述border-radius 用来设置元素的(4个方向)外边框 1/4 圆角效果。圆角类型圆角类型描述举例圆角边框当使用一个半径时,确定一个圆border-radius: 50px;椭圆边框当使用两个半径时,确定一个椭圆border-radius: 50px / 30px;注: 圆角效果就是这个椭圆或圆与边框的交集形成...
CSS 选择器优先级1. 概念当多个 CSS 规则集同时作用于同一个 HTML 标签时:不同属性会叠加相同属性会发生覆盖在发生覆盖时:如果多个选择器优先级一样,则以写在后面的选择器中的属性为主如果选择器优先级不一样,则以选择器优先级最高那个选择器中的属性值为主2. 单个选择器类型的权重2.1 权重值系统不同类型的选择器有不同的分数值,分数值越高,选择器的权重越高。选择器的类型实例选择器权重等...
CSS 优先级1. 概念CSS 优先级(Specificity) 是指当多个样式规则应用于同一个元素时,浏览器决定哪个样式生效的规则。优先级是 CSS 层叠性的核心机制之一,它决定了样式冲突时的最终效果。2. 优先级计算规则2.1 权重值系统选择器类型权重值说明!important∞ (无穷大)最高优先级,慎用内联样式1000<div style="">ID ...