CSS

CSS作用

CSS

CSS语法

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

例子

有点意思

CSS代码风格

样式格式出写

CSS
采用展开式

样式大小写

CSS
推荐小写

空格规范

CSS

例子:
p {}
color: blue

CSS选择器的作用

选择标签来使用

选择器的分类

CSS

基础选择器

id选择器与类选择器区别

CSS

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

CSS

标签选择器

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

秘密
类选择器

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

语法结构

CSS
CSS
例子:
.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调用,只能调用一次

通配符选择器

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

使用场景

CSS

上一篇:百度ueditor编辑器多图上传,全部显示一样的图片,BUG,解决方案


下一篇:微信开发日常翻车