CSS是網頁設計當中非常重要的一門技術,是實現網頁樣式和布局的關鍵。在CSS中,樣式詞是非常重要的一部分。下面我們來介紹一些CSS中常用的樣式詞。
/* 字體樣式 */ font-family: "Microsoft YaHei", "SimHei", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; font-style: italic; /* 文本樣式 */ color: #333; text-align: center; text-decoration: underline; line-height: 1.5; word-break: break-all; /* 邊框樣式 */ border: 1px solid #ccc; border-radius: 5px; /* 背景樣式 */ background-color: #fff; background-image: url("bg.jpg"); background-repeat: repeat; background-position: top center; background-size: 100% auto; /* 盒子模型 */ width: 200px; height: 200px; margin: 20px; padding: 10px; box-sizing: border-box; /* 布局樣式 */ display: block; float: left; clear: both; position: relative; z-index: 1; top: 10px; left: 10px; /* 動畫樣式 */ transition: all 0.3s ease; animation: myAnimation 3s infinite; /* 其他樣式 */ opacity: 0.5; cursor: pointer; user-select: none;
以上就是CSS中常用的樣式詞。這些樣式詞可以讓我們更加輕松地控制網頁的樣式和布局。當然,還有很多其他的樣式詞,我們可以根據實際需求來選擇使用。
下一篇css常見兼容