在CSS中,属性的值是我们可以定义的属性值,用来控制元素的各种视觉效果。下面是一些常用的CSS属性的值。
/* color属性的值 */ color: #333; /* 十六进制 */ color: rgb(255, 255, 255); /* RGB */ color: rgba(255, 255, 255, 0.5); /* RGBA */ color: hsl(0, 100%, 50%); /* HSL */ color: hsla(0, 100%, 50%, 0.5); /* HSLA */ /* display属性的值 */ display: block; /* 块级元素 */ display: inline; /* 行内元素 */ display: inline-block; /* 行内块级元素 */ display: none; /* 隐藏元素 */ /* font-size属性的值 */ font-size: 14px; /* 像素 */ font-size: 1.5em; /* 相对于父元素的字号 */ font-size: 100%; /* 相对于浏览器默认字号 */ /* margin和padding属性的值 */ margin: 20px; /* 四个方向都设置20px */ margin: 20px 10px; /* 上下20px,左右10px */ margin: 20px 10px 30px; /* 上20px,左右10px,下30px */ margin: 20px 10px 30px 40px; /* 上20px,右10px,下30px,左40px */ padding: 10px; /* width和height属性的值 */ width: 50%; /* 相对于父元素的宽度 */ width: 200px; /* 像素 */ height: 50vh; /* 相对于视口高度的50% */ height: 100%; /* 相对于父元素的高度 */ /* position属性的值 */ position: static; /* 静态定位,不受top、right、bottom、left的影响 */ position: relative; /* 相对定位 */ position: absolute; /* 绝对定位 */ position: fixed; /* 固定定位,一般用于导航栏 */
这些是CSS中一些基本的属性和值,当然还有更多的属性和值,可以根据需要来灵活使用。