首页 > Web开发 > 详细

CSS

时间:2021-03-29 20:30:15      阅读:39      评论:0      收藏:0      [点我收藏+]

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的名字调用
技术分享图片
技术分享图片

使用场景

CSS

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!