1. 文字基本樣式

• font-family
• font-size
• font-weight
• font-style
• color

2. 段落樣式

• text-indent：2em；（縮進）
• line-height：1.5；（行高）

3. 特殊效果

• ：first-letter；
• ：first-line；
• overflow：hidden；
• visibility：hidden；
• display：none；

4. 文字鏈接

• ：link；
• ：visited；
• ：hover；
• ：active；

4. 背景

• background-color：red；
• background-image：url（images/logo.jpg）；
• background-repeat：no-repeat；（repeat-x，repeat-y）
• background-position：right bottom；
  （top，center，bottom，left，right）
  （background-postion：50% 100px；//水平50%，垂直100px）
  （可使用負值）
• background：#FFFFFF url（images/logo.jpg） no-repeat center center；
• CSS Sprite（雪碧圖）；

5. 列表

• ul；
• ol；
• dl；
• list-style-image；
• list-style-position：outside（inside）；
• list-style-type；（修飾符的類型，空心圓，實心方塊什么的。）
• display：block；（將 a 標簽轉化為塊元素）

轉載于:https://www.cnblogs.com/huoteng/p/4971943.html

總結

以上是生活随笔為你收集整理的CSS 页面元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。