css基础选择器教程,CSS核心基础一些常见的选择器的使用小白教程

要想将CSS样式应用于特定的HTML元素，首先要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器。在CSS中有很多的选择器，包含标记(标签)选择器、类别选择器、id选择器、通配符选择器、标签指定选择器、后代选择器、并集选择器等，我们来简单介绍一下！

1.标记选择器(标签)标记选择器是指用HTML标记名称作为选择器，按标记名称分类，为页面中某一类标记指定统一的CSS样式。他的基本语法格式为：

标记名 { 属性1:属性值1; 属性2:属性值2; ... }

2.类选择器类选择器使用“.”(英文点号)进行标识，后面紧跟类名。其基本语法格式为：

.类名 { 属性1:属性值1; 属性2:属性值2; ... }

需要注意的是类名的第一个字符不能使用数字，并且严格区分大小写，一般采用小写的英文字符。

3.id选择器id选择器使用“#”井号进行标识，后面紧跟id名，其基本语法格式如下：

#id名 { 属性1:属性值1; 属性2:属性值2; ... }

4.通配符选择器通配符选择器用“*”星号表示，他是所有选择器中作用范围最广的，能匹配页面中所有的元素。他的基本语法格式为：

* { 属性1:属性值1; 属性2:属性值2; ... }

5.标签指定式选择器标签指定式选择器，有两个选择器构成，其中第一个为标记选择器，第二个为class选择器或者id选择器，两个选择器之间不能有空格，比方说h1.space或p#one。

6.后代选择器后代选择器用来选择元素或者元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分割。当编辑发生嵌套时，内层标记就成为外层标记的后代。

7.并集选择器并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器都可以作为并集选择器的一部分。如果某些选择器定义的样式完全或部分相同，可利用并集选择器为他们定义相同的样式。

标签、ID、类别选择器

我们可以按照标签来选择，可以对不同的标签设置不同的样式：

标签选择器 p{color:red;} span{color:green;}

这是一个p标签

这是一个span标签

css基础选择器教程,CSS核心基础一些常见的选择器的使用小白教程相关推荐

Python爬虫小白教程（二）—— 爬取豆瓣评分TOP250电影
文章目录前言安装bs4库网站分析获取页面爬取页面页面分析其他页面爬虫系列前言经过上篇博客Python爬虫小白教程(一)-- 静态网页抓取后我们已经知道如何抓取一个静态的页面了,现在 ...
第四章 JavaWeb CSS入门核心基础基础形式 + 选择器
谢罪:今天起晚了= =! 文章目录什么CSS? css样式规则 CSS核心基础行内式也称为内联样式内嵌式链入式导入式选择器标记选择器类选择器 id选择器通配符选择器什么CSS? C ...
html+id选择器如何使用方法,id选择器_HTML+CSS前端基础知识教程_腾讯视频
更多资料源码请加3252897743第1天 html 1.HTTP协议 2.html是纯文本3.html骨架4.DTD文档类型5.head标签6.body标签7.html基本语法8.h系列的标 ...
Web前端开发精品课HTML CSS JavaScript基础教程CSS部分知识点总结
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结第11章 CSS简介 1.HTML是网页的结构,CSS是网页的外观,JavaScript是网页的行为. 2. ...
css学习（第一天）（css基础选择器，css字体属性，css文本属性，css引入方式）
CSS第一天 1.css简介 1.1 html的局限性 1.2 css-网页的美容师 1.3 css语法规范 1.4 css代码风格 1.4.1 样式格式书写 1.4.2 样式大小写风格 1.4.3 ...
黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程（CSS字体，文本）
一.基础班学习路线三.CSS3基础 1.CSS简介 CSS是层叠样式表的简称,有时也称为 CSS样式表 ,级联样式表也是一种标记语言 CSS主要用于设置HTML页面中的文本内容,图片的外形以 ...
基础选择器之通配符选择器（CSS、HTML）
基础选择器之通配符选择器(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta c ...
html css标记文本,HTML图像标记和CSS核心基础和文本相关样式
HTML常用图像格式 1.GIF格式 GIF最突出的地方就是它支持动画,同时GIF也是一种无损的图像格式,也就是说修改图片之后,图片质量几乎没有损失.再加上GIF支持透明(全透明或全不透明),因此很适 ...
0基础快速入门CSS技术栈（4）—图解详细阐述CSS的复合选择器、标签显示模式、行高、CSS背景，及最为重要的CSS三大特性附带权重计算笔试题（附详细案例源码解析过程）
文章目录 1. 0基础快速入门CSS技术栈(4) 2. 重点提炼 3. CSS复合选择器 3.1 后代选择器(重点) 3.1.1 example01 3.2 子元素选择器 3.2.1 exmaple0 ...

css基础选择器教程,CSS核心基础一些常见的选择器的使用小白教程

css基础选择器教程,CSS核心基础一些常见的选择器的使用小白教程相关推荐

最新文章

热门文章

css基础选择器教程,CSS核心基础 一些常见的选择器的使用 小白教程

css基础选择器教程,CSS核心基础 一些常见的选择器的使用 小白教程相关推荐

最新文章

热门文章

css基础选择器教程,CSS核心基础一些常见的选择器的使用小白教程

css基础选择器教程,CSS核心基础一些常见的选择器的使用小白教程相关推荐