欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 附加屬性

錢浩然2年前7瀏覽0評論

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 布局在響應式網頁設計中很常用;定位屬性可以讓我們定位元素的位置;字體圖標可以直接用文本方式插入圖標;文本省略號可以很好地解決文本溢出的問題。

你可以根據具體的需求,加深自己對這些屬性值的了解,讓你的網頁更加優美。