在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中一些基本的屬性和值,當然還有更多的屬性和值,可以根據需要來靈活使用。
上一篇css頁面實現跳轉