CSS

CSS作用

CSS语法


规范

选择器{
color:red;
}
属性: 结尾;

例子

有点意思

CSS代码风格

样式格式出写


采用展开式

样式大小写


推荐小写

空格规范

例子:
p {}
color: blue

CSS选择器的作用

选择标签来使用

选择器的分类

基础选择器

id选择器与类选择器区别

#与id
四种基础选择器区别

标签选择器


缺点:
一选选全部,不能差异化
div {
color: pink;
}

秘密
类选择器

可以实现差异化选择
口诀:样式点定义 结构类调用 一个或多个 开发最常用
注意:不要使用使用纯数字,中文命名,需要使用英文,尽量让别人知道意思
命名规范:手册中

语法结构



例子:
.cc-cc {
color: pink;
}

粉色
案例 ![](https://img2020.cnblogs.com/blog/1698402/202103/1698402-20210329160412099-903595582.png) background-color: red; ##### 多类名(经常使用) ![](https://img2020.cnblogs.com/blog/1698402/202103/1698402-20210329161144079-94044043.png) ![](https://img2020.cnblogs.com/blog/1698402/202103/1698402-20210329161616584-1763554523.png)
id选择器(唯一)

id选择器的口诀:样式#定义,结构id调用,只能调用一次

通配符选择器


所有元素都被修改了,不需要id或者class的名字调用

使用场景

原文地址:https://www.cnblogs.com/hanabi-521/p/14593678.html