CSS简单总结 | 青训营笔记

CSS是一种用于描述HTML文档中的样式和布局的样式表语言。在CSS中，属性是用于指定要应用于HTML元素的样式和外观的关键。以下是CSS中常用的一些属性及其说明：

1. color属性：用于设置文本的颜色。
2. background-color属性：用于设置元素的背景颜色。
3. font-size属性：用于设置字体大小。
4. font-family属性：用于设置字体类型。
5. font-weight属性：用于设置字体的粗细程度。
6. text-align属性：用于设置文本在元素中的水平对齐方式。
7. text-decoration属性：用于设置文本的装饰效果，例如下划线、删除线等。
8. line-height属性：用于设置行间距。
9. margin属性：用于设置元素的外边距。
10. padding属性：用于设置元素的内边距。
11. border属性：用于设置元素的边框。
12. display属性：用于设置元素的显示方式，例如块级元素或内联元素。
13. position属性：用于设置元素的定位方式，例如相对定位或绝对定位。
14. float属性：用于设置元素的浮动方式。
15. clear属性：用于清除元素浮动对布局的影响。
16. width属性：用于设置元素的宽度。
17. height属性：用于设置元素的高度。
18. opacity属性：用于设置元素的透明度。
19. visibility属性：用于设置元素的可见性。
20. z-index属性：用于设置元素的层叠顺序。

/* 设置页面背景颜色 */
      body {
        background-color: #f5f5f5;
      }
      
      /* 设置标题的字体大小、颜色和下划线 */
      h1 {
        font-size: 36px;
        color: #333333;
        text-decoration: underline;
      }
      
      /* 设置段落的字体和行间距 */
      p {
        font-family: Arial, sans-serif;
        line-height: 1.5;
      }
      
      /* 设置链接的字体颜色和下划线 */
      a {
        color: #0077cc;
        text-decoration: underline;
      }
      
      /* 设置列表的样式 */
      ul {
        list-style-type: square;
        margin-left: 20px;
      }
      
      /* 设置表格的边框和宽度 */
      table {
        border: 1px solid #cccccc;
        width: 100%;
      }
      
      /* 设置表格中表头的背景颜色和字体颜色 */
      th {
        background-color: #f2f2f2;
        color: #333333;
      }
      
      /* 设置表格中单元格的边框、字体和行高 */
      td {
        border: 1px solid #cccccc;
        font-family: Arial, sans-serif;
        line-height: 1.5;
      }