css的基本语法和选择器

我们上一章简单了解了怎么在文件里写入css和盒模型的具体结构。
我们这一章说一下css的语法:
css的语法要点有三点:1.选择器,2.大括号,3.多条生命。大概的公式是:
选择器 {声明1; 声明2; ... 声明n }
我们继续拿之前的页面说:

选择器是一种在复杂的页面里面快速找到你要渲染的(一个或者多个)元素的标示方式 。由于我们关于选择器要讲两章,所以我们这第一章先带你认识一下选择器:
1.全局选择器

这就是一个很典型的全局选择器的用法(但是不推荐这么用)。由于每个浏览器默认的外边距和内部的填充距离不一样,所以我们索性就让所有元素默认没有外边距和内部填充距离,用*来全部“初始化”一下,杀伤范围最大 2.标签选择器

通过同一类别的标签去做选择的选择器,杀伤范围很大 3.类选择器
类选择器需要有两点需求:
A.需要在标签上加上class属性
B.写选择器名字的时候前面带上“.”

同一个类选择器可以对应着多个标签

4.ID选择器
ID选择器同样有两点需求
A.在标签上加上id做为属性
B.写选择器的时候要加上“#”

理论上来说一个id选择器只能对应着一个标签,杀伤性最小,但是又最精准。
那么问题来了如果在一个类选择器和id选择器和标签选择器同时存在的情况下我们css渲染该听谁的呢?这就是我们下一章要讲的选择器的 权重

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值