青训营笔记CSS 简介 CSS也叫做层叠样式表，它是一种定义样式结构如字体、颜色、位置等的语言，对 HTML 代码进行美

CSS也叫做层叠样式表，它是一种定义样式结构如字体、颜色、位置等的语言，对 HTML 代码进行美化。

CSS 代码位置:

1. CSS样式代码可以独立一个文件存放，通过link标签链接使用。
2. 或者可以在HTML文件中head的style标签内部直接编写css代码
3. 在HTML文件中body的标签内部使用style属性来编写（不推荐）

CSS 语法结构

		选择器 {属性名1:属性值1;属性名2:属性值2}

CSS 注释

		CSS注释以/* 开始, 以 */ 结束

我们要对某一个标签进行修饰首先就得找到这个标签，需要用到CSS选择器。标签选择器是大范围查找，直接通过标签名

示例:

p {
                color: green;
            }

示例中可以查找到所有的

标签并让其文本颜色改变

id 选择器 id 选择器可以为查找标有特定 id 的 HTML 标签，使用特殊符号 #

示例

#d1 {
	         color: orange;
		}

示例中可以查找到id为d1的标签

3、属性选择器

根据标签内部的属性名和属性值查找标签，关键符号是 []

1.方式1:直接通过属性名查找

	[type] {
            background-color: red;
        }

2.方式2:属性名是type并且值是text的标签

    [type='text'] {
            background-color: red;
        }

3.方式3:属性名是type并且值是text的div标签

	div[type='text'] {
            background-color: red;
        }

css规则