CSS 是一種可以讓我們美化網頁的樣式表語言。除了常規的屬性,CSS 有很多附加屬性值,來讓我們可以更精細地控制網頁的樣式。
/* flex 布局 */ .container { display: flex; flex-direction: column; justify-content: center; align-items: center; } /* 響應式網頁 */ @media screen and (max-width: 768px){ .container{ flex-direction: row; } } /* 塊級元素 */ div { display: block; } /* 行內元素 */ span { display: inline; } /* 相對定位 */ .relative { position: relative; top: 20px; left: 20px; } /* 絕對定位 */ .absolute { position: absolute; top: 20px; left: 20px; } /* 固定定位 */ .fixed { position: fixed; top: 20px; left: 20px; } /* 字體圖標 */ .icon { font-family: "FontAwesome"; content: "\f015"; } /* 文本省略號 */ .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
以上是一些很常用的 CSS 附加屬性。其中,flex 布局在響應式網頁設計中很常用;定位屬性可以讓我們定位元素的位置;字體圖標可以直接用文本方式插入圖標;文本省略號可以很好地解決文本溢出的問題。
你可以根據具體的需求,加深自己對這些屬性值的了解,讓你的網頁更加優美。
上一篇mysql檢索整個數據庫
下一篇css 長按鼠標樣式