上一节我们已经掌握了常用css选择器和css的一些常用属性，本节我们进一步扩展css选择器的内容包括内容如下：
1.CSS3选择器 属性选择器 在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过id属性可以将不同div元素进行区分。
目录 CSS（Cascading Style Sheet） CSS注释 CSS语法结构 CSS的三种引入方式 选择器 伪类、伪元素选择器速查 CSS选择器优先级***** 选择器相同的情况下 选择器不同的情况下 选择器权重 样式调整技巧 本篇博客绝大多数内容来源网上，感谢作者的无私分享~ CSS（Cascading Style Sheet） 用来调节标签样式的，又称层叠样式表 CSS注释 /* 单行注释 */ /* 多行注释 */ 经典写法 /* 这是购物车页面的样式表（一般放css文件的第一
一、CSS选择器作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素，但不只是在 CSS 中，JavaScript 对 CSS 的选择器也是支持的，比如 document.document.querySelectorAll。 二、选择器类型 基本选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器 三、基本选择器 选择器 含义 作用 CSS .class 类选择器 匹配 class 包含(不是等于)特定类的元素 1 #id id选择器 匹配特定 id 的元素 1 * 通用元素选择器 匹配页面任
属性选择器 , 伪类选择器 的 权重 , 与 类选择器 权重相同 , 都是 10 ;
CSS选择器常用的是标记选择器、类别选择器、包含选择器、ID选择器、类选择器等。使用选择器即可对不同的HTML标签进行控制，从而实现各个效果。下面对主要的选择器进行详细的介绍。
标签内的文字的颜色是red，优先级相等的时候与文件中样式定义的先后顺序有关，即是后面的覆盖前面的，与在class定义中的先后关系无关。
在HTML中通过使用 <style> 标签引入CSS样式， <style> 标签用于为HTML文档定义样式信息； <style> 标签位于 <head> 标签中，它规定浏览器中如何呈现HTML文档； 在 <style> 标签中，type是必须属性，用于定义style元素的内容，值为“text/css”；
例如： 所有的样式，都包含在 <style> 标签内，表示是样式表。<style> 一般写到 </head> 上方
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
指标签和标签之间有 包含 关系（父子、爷孙都是包含），例如： <html> 标签包含了 <body> 标签。
================================================
CSS ( Cascading Style Sheets ) 层叠样式表 有 3 种引入方式 :
CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。
步骤 3 ：标签中新增一个 style 属性，并修改 style 属性值
这里的基础用法和css的选取方式一致,对于css选择器熟悉的朋友这里使用简直小意思,下面几篇博文我们来详谈jq的高级选择器!
前面四篇主要讲解了关于 HTML 的基础知识，从这篇开始，将要介绍关于 CSS 的知识。CSS(Cascading Style Sheets)，它是一种可以完全独立于 HTML 的语言，来确定字体大小，边距和颜色等内容。 为什么要引入另一种语言呢？处于不同的目的，HTML 设置网页内容，而 CSS 则定义如何向用户显示内容。 在具体讲解 CSS 常用样式属性之前，我们将先讲解 CSS 基本语法规则以及级联规则。
CSS（Cascading Style Sheets）层叠样式表，又叫级联样式表，简称样式表
前端开发的核心构建在三大基石技术上：HTML、CSS和JavaScript。回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是那些专注于服务端开发的工程师所难以企及的领域。
1、为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，也为了更好阅读、修改和提高对CSS的加载速度，CSS的编写应该遵循一定的编写规范。目前网上已经流行一些比较好的规范，大多由网友总结；大公司的CSS规范也值得我们去参考。但由于无法获取到大公司的内部资料，只能参考部分网上一些比较好的资料来制作一套自己的规范。
1、@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。
目录 CSS快速入门 简介 语法结构 如何注释 引入方式 选择器 简介 选择器列表 选择器的优先级 基本选择器 标签选择器 类选择器 id选择器 通用选择器（不重要） 组合选择器 后代选择器 儿子选择器 相邻选择器 弟弟选择器 属性选择器 语法 示例 分组与嵌套 伪类选择器 语法 示例 标准伪类索引 选择器参考表 网站分享 CSS快速入门 简介 层叠样式表 — 也就是CSS — 是你在HTML之后应该学习的第二门技术。HTML用于定义内容的结构和语义，CSS用于设计风格和布局。比如，您可以使用CSS来
通过给标签一个class属性(可以是多个class属性,中间用空格连接,用于样式叠加),在css文件中,对于这个class进行样式选择
直接在HTML标签中设置的样式
CSS选择器分为 基础选择器 和 复合选择器 ，但是基础选择器不能满足我们实际开发中，快速高效的选择标签。
写在开篇 html的内容，想要改变它的样式？比如颜色、字体、布局，等等，怎么破？CSS代码带你起飞！ css语法 css的语法非常简单，如下： 选择器 {属性: 值;属性:值} 例如： h2 {color: cornflowerblue;font-size: 60px;} 上面的h2是元素选择器，属性color，它的值是cornflowerblue。属性font-size，它的值是60px。 使用css的3种方式 有3种css的使用方式： 外部 CSS 内部 CSS 行内 CSS虽然有3种，但笔者只讲外部c
在CSS的世界中，选择器是驱动我们在网页上看到的美丽且响应式设计的工作的马。它们允许开发者根据元素的属性、位置和关系来选择和样式化HTML元素。
在用html5写网页的时候，结合CSS能够让页面更美观。由于只在做课程设计和实习的时候使用过，并没有系统的学习过，使得自己对于CSS的使用一直处于能用，但是容易弄混的阶段。为了弄清楚CSS样式表的使用，特地看书系统学习，现总结如下：
在前端开发中，CSS（层叠样式表）用于控制网页的样式和布局。了解CSS的语法格式是学习如何设计和美化网页的关键。本文将深入解释CSS的语法格式，包括选择器、属性和值等基本概念，同时提供示例代码以帮助初学者更好地理解。
上个章节说到从Spider的角度来看，爬取的运行流程如下循环： 以初始的URL初始化Request，并设置回调函数。当该Request下载完毕并返回时，将生成Response，并作为参数传给该回调函数。 在回调函数内分析返回的（网页）内容，返回Item对象或者Request或者一个包括二者的可迭代容器。返回的Request对象之后会经过Scrapy处理，下载相应的内容，并调用设置的callback函数（函数可相同）。 在回调函数内，可以使用选择器(Selectors) 来分析网页内容，并根据分析的数据生成I
CSS技术： 1.简介：他是层叠样式表。Cascading stytle sheet,他的作用是增强网页的显示效果。 目的：使用CSS让网页内容和样式分离，便于网站代码后续的维护。 书写规范： 选择器[属性1: 值1; 属性2: 值2; ] 2.CSS样式的引入方式 CSS不能单独使用，必须和html网页配合使用，引入css有四种方式：链入式、行内式、内嵌式、导入式。 1.行内式：直接在html标记里面使用CSS样式 语法：div的行内式效果 2.内嵌式：
CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计，我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等，我们只需要改几行代码，不需要借助任何软件，就能轻而易举的实现，感觉就像魔法师一般，几秒钟就能得到一个想要的效果，是不是很酷呢。
CSS是层叠样式表（Cascading Style Sheets）用来定义网页的显示效果。可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 那么CSS和HTML是如何在网页代码中相结合的呢？通过四种方式：style属性 、style标签、导入和链接。
标签选择器 ： 元素名称 |div{...}|使用标签选择元素，优先级最低，使用最广泛|
CSS选择器的一些使用总结 CSS 选择器参考手册 CSS3 选择器——基本选择器 CSS3 选择器——属性选择器 CSS3 选择器——伪类选择器 CSS ::Selection 使用CSS选择器在页面中插入内容
CSS 全称为 Cascading Style Sheets，中文翻译为“层叠样式表”，简称 CSS 样式表，所以称之为层叠样式表（Cascading Stylesheet）简称 CSS。在网页制作时采用 CSS 技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
HTML5学堂：上一篇 讲到CSS1.0~CSS3.0选择器的兼容问题等，CSS选择器的使用是特别广泛的，大家也会经常用到，而用到的选择器有哪些？接下来本文会介绍CSS1~CSS3的选择器，而本章针对css1-css2的一个整理。希望对大家有帮助！谢谢！ 1.基础的选择器 选择器含义示例*通用元素选择器，匹配任何元素* { margin:0; padding:0; }E标签选择器，匹配所有使用E标签的元素p { font-size:2em; }.info和E.infoclass选择器，匹配所有class属性
CSS选择器的作用就是从HTML页面中找出特定的某类元素。常用的几类CSS选择器如下表所示。
原文链接：https://www.sitepoint.com/css-is-where-has-pseudo-class-selectors/[1]
CSS篇主要从CSS兼容、CSS3新特性、CSS选择器、高频属性、高频布局、高频知识点、性能优化等方面进行归纳。如对HTML知识点感兴趣，可移步至：知识整理之HTML篇
CSS简介：CSS是层叠样式表的简称，有时也会称之为CSS样式表或级联样式表。CSS也是一种标记语言(和html一样，不是个编程语言)；Html主要是页面结构，显示元素内容，CSS是美化页面，布局网页；CSS规则主要有选择器和样式声明组成；样式声明以键值对的形式出现；如下：p{font-size: 12px,color:'red'}CSS基础选择器选择器就是根据不同的需求把不同的标签选出来；CSS就是找的指定的标签，设置标签样式；选择器分为基础选择器和复合选择器两大类；基础选择器又包括：标签选择器，类选择器
css的魅力就是让我们前端工程师像设计师一样进行网页的设计，我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等，我们只需要改几行代码，不需要借助任何软件，就能轻而易举的实现，感觉就像魔法师一般，几秒钟就能得到一个想要的效果，是不是很酷呢。
上一节练习题：写两个各10条数据的列表，第一个列表字体是16px，第二个列字体大小是20px。实现方法很多，但是根据现有知识写出来代码会很多，所以今天我们通过学习css选择器来简化你的代码。
多说一嘴：用数字设置的时候，只有400和700会产生变化，是因为字体在初始设计的时候就没有设置太多的粗细标准，一般就是两种，默认的和加粗的 所以 在实际工作中 用的最多的就是normal（400） bold（700）
（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！） （注2：更多内容请查看我的目录。）
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
