CSS01-语法规范、基础选择器

于 2024-09-20 17:15:28 发布
阅读量254 收藏
点赞数 3
分类专栏： CSS 文章标签： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31532983/article/details/142389556
版权

一、CSS语法规范

 示例：

二、CSS的基础选择器

选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。 简单来说，就是选择标签用的。

选择器的分类：

 

1、标签选择器

 

2、类选择器（开发最常用）

 

长字符命名，用中间横线：xxx-yyyy

3、类选择器-多类名

4、id选择器

有点像，类选择器。 

 

 5、通配符选择器

 

6、基础选择器-小结

ruleslol
关注
专栏目录
01 css规范及选择器规则
雨希的博客
09-17 2265
1. css简介 CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。 CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。 2. css样式规则 css样式规则如下图： 在上面的样式规则中: ...
CSS基本语法与基本选择器
weixin_43641202的博客
03-26 1202
CSS什么是CSS?CSS的基本语法行内样式内部样式表外部样式表 什么是CSS? css全称为层叠样式表或级联样式表。 用于HTML中，对元素设置样式。 CSS的基本语法 CSS规则由两个部分构成，即选择器和声明。 声明必须放在一对大括号“{ }”中，可以是一条或多条。 每条声明由属性和值的组成，属性和值之间用冒号分开，每条声明以英文分号结尾。选择器 {属性1:值1; 属性2:值2; …} 例如 h1{ font-size: 12px; color: black; } 在html中引入
CSS学习笔记--CSS语法与选择器
初学者
06-04 2633
导语   Css用于控制网页的样式和布局，指层叠样式表(Cascading Style Sheets),定义如何显示HTML的元素，这个样式通常存储在样式表中。在工作中通常使用的外部样式表，外部样式表被放到一个外部的CSS文件中，多个样式可以进行叠加。 文章目录CSS语法CSS 实例CSS 注释CSS 选择器id选择器class选择器CSS 创建外部样式表内部样式表内联样式多重样式多重样式优先级深入 CSS语法 实例一 <!DOCTYPE html> <html> <he.
CSS入门基础-----标签选择器
bjsyc123456的博客
09-28 2231
什么是CSS？ CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、 边距等）以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮， 让页面布局更简单。 CSS语法介绍 使用 HTM.
CSS常用的4种基础选择器
java知识整理
11-13 2878
CSS选择器分为基础选择器和复合选择器两大类 基础选择器由单个选择器组成 基础选择器又包括：标签选择器、类选择器、id选择器和通配符选择器 1、标签选择器 是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。 语法： 标签名 { 属性1：属性值1； 属性2：属性值2； … } 例如给P标签设置颜色为红色 p { color: red; } 这样不太好的是所...
css 常用选择器及其使用语法
hahaha6hahah的博客
01-10 2637
1.元素选择器 作用：根据标签名来选中指定元素 语法：标签名{} 例子：p{}，h1{}, div{} 2.id选择器 作用：根据元素的id属性值选中一个元素 语法：#id属性值{} 例子：#box{} 3.类选择器 作用：根据元素的class属性值选中一组元素 语法：.class属性值 4.通配选择器 作用：选中页面所有元素 语法：* 例子：*{} 5.交集选择器 作用：选中同时复合多个条件的元素 语法：选择器1选择器2选择器3选择器n 注意：如果有元素选择器必须使用元
CSS3---子元素选择器
We_jia的博客
12-09 9411
子元素选择器的作用 在之前的选择器中当我们遇到一个元素下有多个子元素时（针对list列表元素），我们在进行css控制时都是在每个子元素定义class，通过class来控制对应的子元素，这样做会很麻烦，子元素选择器也可以不用定义class也能控制子元素的作用。 一、常见的子元素选择器 ：first-child                     父元素的首个子元素 ：last-chil...
CSS基础选择器和复合选择器
icemwj的博客
09-16 1806
1、CSS简介和语法规范 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。 有时我们也会称之为 CSS样式表或级联样式表。 CSS 是也是一种标记语言。 CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮，让页面布局更简单。 CSS 规则由两个主要的部分构成：选择
css基础选择器有哪些
weixin_44613301的博客
01-25 6470
css基础选择器有哪些（熟记） 一、选择器作用：规范了页面中哪些元素能够定义好样式，同时也能帮助我们去 二、选择器分类 1. 通用选择器（只能放在样式表） 1. 作用：匹配页面上的所有元素 2. 语法：* 3. *{ 属性:属性值； } 2. 元素择器 1. 作用：匹配页面上某个元素的样式 2. 语法： 3. 元素名{ 属性:属性...
CSS基本语法结构、选择器
weixin_44213625的博客
07-17 1955
1.1 CSS概述 1.什么是CSS:CSS全称为层叠样式表（Cascading Style Sheet），又称为风格样式表，表现HTML或XHTML文件样式的计算机语言，包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。 2.CSS的优势 （1）内容与表现分离 （2）表现的统一 （3）丰富的样式，使得页面布局更加灵活 （4）减少网页的代码量，提高网页的浏览速度，节省网络宽度 （5）运用独立于页面的CSS，还有利于网页被搜索引擎收录 1.2 CSS的基本语法结构 1 CSS的基本语法结构 ① C
postcss-css-variables:PostCSS插件将CSS自定义属性（CSS变量）语法转换为静态表示形式
05-01
该插件提供了使用大多数CSS变量功能（包括选择器级联和一些警告）的一种面向未来的方式，因为它只能看到CSS，而不能看到应用CSS的潜在动态HTML和DOM。 安装 npm install postcss-css-variables --save-dev 目录 -- ...
HTML+CSS基础教程-介绍HTML和CSS的基础知识 学习HTML基础语法、标签、CSS基础语法和选择器
09-26
html----HTML+CSS基础教程(课件PPT版)----介绍HTML和CSS的基础知识。学习HTML基础语法、标签、CSS基础语法和选择器，以及它们的基本用法。
HTML 学习记录3.2 CSS基础语法 选择器 创建形式
01-08
【CSS基础语法与选择器详解】 CSS，全称为层叠样式表（Cascading Style Sheets），是用于控制HTML或XML文档呈现样式的计算机语言。它为HTML内容提供了丰富的外观和布局设计，使得网页设计更加灵活多样。在HTML中，...
CSS：CSS基础语法与选择器.docx
08-27
CSS：CSS基础语法与选择器.docx
02-CSS-语法和选择器
记录java学习日常~
05-13 1155
如果有多个选择器针对同一个元素定义了不同的样式，那么拥有 ID 选择器的规则将覆盖元素选择器的规则。需要注意的是，由于通用选择器能匹配到 HTML 中的所有标签，因此在代码中大量滥用通用选择器会导致 CSS 选择器的匹配过程变慢，影响页面性能。利用元素选择器，可以控制某个页面或整个网站内的某类 HTML 元素的样式，这些元素可以是段落、标题、图像、表格等标准的 HTML 元素。元素选择器根据元素名称来选择 HTML 元素。元素选择器会选择文档中所有符合条件的元素，并将相同的样式应用于所有选中元素。
【气动学】基于matlab三种导引律下的弹道仿真【含Matlab源码 8026期】.mp4
09-26
Matlab领域上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
性能测试面试题宝典-覆盖大部分性能专项面试题
09-26
性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性能专项面试题性能测试面试题宝典--覆盖大部分性
Java工程师面试-笔试部分
09-26
Java工程师面试-笔试部分
时域门对方向图测量环境改善的研究.pdf
最新发布
09-26
时域门对方向图测量环境改善的研究
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值