CSS术语 | 青训营笔记

118 阅读1分钟

这是我参与[第四届青训营]笔记创作活动的第三天。

代码片段

h1{color:red;text-alin: center;}
p{text-indent2em;color:chocolate;font-size:18px;}

一.CSS注释

CSS注释的书写格式:/注释内容/

  • CSS注释主要用于描述代码功能
  • 浏览器解析css代码时会忽略注释内容
/*将一级标题的颜色设置为红色,文字居中*/
h1{color:red;text-alin: center;}

/*将段落首行缩进2个字符,颜色为巧克力色,字体大小为18*/
p{text-indent2em;color:chocolate;font-size:18px;}

二.CSS规则

2.1 CSS代码由一个一个的规则组成。

   每个规则指定了:对哪些元素应用什么样式。
   

image.png

2.2 CSS选择器决定了样式规则适用于哪些元素:

  • 元素选择器
    
  • 类选择器
    
  • ID选择器
    

2.2.1 元素选择器的书写格式:标记名{/* 声明块 */}

    所有与该标记匹配的元素,都将应用声明块中的规则
    

image.png

2.2.2 类选择器的书写格式:.类名{/* 声明块 */}

    所有class属性为指定类名的元素,都将应用声明块中的规则。
    

image.png

2.2.3 ID选择器的书写格式:#id值{/* 声明块*/}

       属性id为指定值的元素,将应用声明块中的规则
       在同一个HTML文档中,元素的id必须唯一,且id选择器不能重复,只会选中一个元素。
       

image.png