基础选择器

选择器的作用 选择标签
①标签选择器
标签名 {
属性1: 值;
属性2: 值;

	}
	将当前页面中所有的这个标签名都选择出来 修改样式 不能修改某一个的样式
②类选择器
	单独选择一个或某几个标签
	.类名 {
	        属性1: 值;
	        属性2: 值;
	}
	口诀:样式点定义 结构类(class)调用 一个或多个 开发最常用
	命名规范:长类名中间可用短横线- 下划线_分割
		不要使用纯数字、中文等命名,尽量使用英文命名(小写字母) 命名要有意义
	多类名选择器
		一个类名可以被多个标签调用 一个标签也可以设置多个类名 多各类名样式同样生效
		好处:提高css代码的复用性 不需要写很多重复的代码
③id选择器
	语法:
	#id名 {
	       属性1: 值;
	       属性2: 值;
	}
id选择器口诀:样式#定义 结构id调用 只能调用一次 别人切勿使用
	id选择器和类选择器区别:
		类选择器好比人的名字 一个人可以有多个名字 同一个名字也可以被多个人使用
		id选择器 身份证全国唯一 不能重复
		二者使用次数不同
	注意:
	       只要被选择器选中 设置对应的样式均会生效
	       如果不同的选择器定义了相同的属性 至于哪个生效由选择器的优先级决定
④通配符选择器 选取页面中所有元素(标签)
	* {
	  属性: 属性值;  
	}
	通配符选择器不需要调用 自动给所有元素使用样式
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值