css基础选择器
原创
title: css基础选择器
tags: 笔记
categories: 笔记
author: 喵雨
date: 2022-06-19 09:50:46
coverImg:
注：选择器能写在css文件中或者是在html的<style> 标签中
标签选择器
语法格式：
标签 {
属性:xxx;}
示范：
<style>
h1 {
color:red;
}
</style>类选择器
语法格式
.类名 {
属性1: ;属性2： ;}
示范：
<style>
.color {
color: aqua;
}
</style>
---
<p class="color">测试</p>多类名
我们可以给一个标签指定多个类名，从而达到更多的选择目的，这些类名都可以选出这个标签
使用方式
.style1 {
color: red;
}
.style2 {
font-size: 35px;
} <p class="style1 style2">测试</p>图片：
id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式
HTML元素以id属性来设置id选择器，css中id选额器，以#来定义
语法：
#id名 {
属性:;
}举例：
css
#pink {
color:red;
}html
<p id="id">我是红色</p>注： 一个页面中有位移的一个标签调用了一个id，那么其它标签就不能再调用这个id id只允许调用一次
通配符选择器
举例
* {
color:red;
}这样会把所有字体的颜色变为红色
特殊情况才使用，使用场景：清楚所有元素标签的内外边距
如下：
* {
margin: 0;
padding: 0;
}原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
