淘先锋技术网

首页 1 2 3 4 5 6 7

在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中一些基本的属性和值,当然还有更多的属性和值,可以根据需要来灵活使用。