CSS层叠样式表入门（2）-高级选择器，常见标签

最新推荐文章于 2024-06-13 18:31:56 发布
最新推荐文章于 2024-06-13 18:31:56 发布
阅读量196 收藏
点赞数
分类专栏： CSS入门学习 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46669463/article/details/105757051
版权

图片注释是精髓

CSS高级选择器

种类

分组选择器
后代选择器
兄弟选择器
相邻兄弟选择器
子元素选择器
伪类选择器

层级关系

在这里插入图片描述

分组选择器

标签之间**，**分隔
在这里插入图片描述

后代选择器

后代选择器，就体现了层级关系
在这里插入图片描述
不管是子元素，还是嵌套了多层元素都可以实现
图中表示：只要是在row下的p标签都可以实现
在这里插入图片描述

兄弟选择器

紧跟在目标元素后的所有兄弟元素
代表符号：~
在这里插入图片描述

相邻兄弟选择器

紧跟在目标元素后面的第一个兄弟元素
代表符号：+
在这里插入图片描述

子元素选择器

只针对子元素
代表符号：>
在这里插入图片描述

伪类选择器

伪类选择器通常适用于a标签

a标签常见的链接样式：link、visited、hover、active

针对于链接

注意：四种状态一定要按照LVHA的顺序写。
在这里插入图片描述

CSS常见标签

CSS常见文本标签与HTML很相似，大致相同

表格样式基本介绍

在这里插入图片描述

边框和轮廓

solid 实线
dashed 虚线
在这里插入图片描述

列表选项

可以改变列表前面的标识符号
在这里插入图片描述

在这里插入图片描述

浮动布局

通过浮动布局，让元素在文档中浮动

在这里插入图片描述

老徐是个铁憨憨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html常用标签，css层叠样式表
weixin_33854644的博客
08-06 260
html常用标签 ·表格标签： <tr>：定义表格的行。(table row) <td>：定义表格中的标准单元格。(table standard cell) <th>：定义表格中的表头单元格。 表格中有两类单元格：表头单元(包含头部信息)、标准单元(包含数据) <tableborder="1"align...
css的层叠样式
D2961953033的博客
11-26 4201
1 css的层叠样式有四种： 行内样式 内嵌样式 外链样式 导入样式 1.1行内样式 行内样式又叫做标签样式，它是在标签里面加上style属性。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css...
关于多层html标签嵌套引起CSS冲突问题的解决。
chenghuo9876的博客
03-21 708
.ActionBar_Ra,.ActionBar_Ra:visited{height:29px;width:37px;padding-left:33px;float:right;text-decoration:none;color:#0b81aa;line-hei...
CSS的四种基本选择器和四种高级选择器
热门推荐
Jack
07-11 9万+
CSS选择器：就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。 CSS的选择器分为两大类：基本选择题和扩展选择器。 基本选择器： 标签选择器：针对一类标签 ID选择器：针对某一个特定的标签使用 类选择器：针对你想要的所有标签使用 通用选择器（通配符）：针对所有的标签都适用（不建议使用） 下面来分别讲一讲。 1、标签选择器：选择器的名字代表html页面上的标签...
CSS层叠样式表入门基础
技术小白
08-25 632
文章目录一、 CSS二、 注释三、 语法四、 选择器分类优先级1. id选择器2. class选择器3. 元素选择器五、 样式表style优先级1. 行内样式2. 内部样式3. 外部样式六、 CSS常用样式1. 颜色color取值方式2. 宽高width height3. 背景background全部属性3.1 背景颜色color3.2 背景图像image3.3 图像重复repeat3.4 图像附着attachment3.5 图像位置posit
CSS层叠样式表入门（1）-基本选择器与样式属性
老徐是个铁憨憨
04-25 351
文章目录什么是CSS？CSS样式类型表1.内部样式表2.外部样式表CSS规则-基本选择器1.元素选择器（标签选择器）2.属性选择器（ID选择器）3.类选择器（同类选择器）4.通用选择器（通配符）CSS常见的样式属性颜色类的样式图像类文本类 什么是CSS？ css叫层叠样式表 可以通过字体大小/字体颜色/按钮颜色/背景颜色/文字对齐/图片居中等样式来定义HTML元素 CSS样式类型表 1.内部样式表...
HTML+CSS+JS-入门基础ppt课件.ppt
11-19
CSS 是一种层叠样式表语言，用于定义 HTML 文档的样式和布局。 CSS 代码可以直接写在 HTML 文档中，也可以独立编写扩展名为 .css 的文件。 CSS 中的选择器用于选择要应用样式的 HTML 元素，例如：h2{ font-size:...
CSS快速入门关键字整理文档
04-10
CSS（层叠样式表）是用于描述HTML或XML（包括如SVG、MathML等衍生技术）文档样式的计算机语言。以下是一些CSS快速入门的关键字及其简要描述： 选择器（Selector）：用于选择你想要样式化的HTML元素。例如，p 选择...
html&css入门基础知识点.pdf
10-04
HTML和CSS基础知识点 ...HTML使用标记标签来描述网页的结构和内容。 标记语言是一套标记标签（mar ...CSS还支持选择器、伪类和媒体查询等高级功能。 HTML和CSS是构建网页的基础技术，它们共同定义了网页的结构和样式。
css入门笔记
05-15
创建样式表文件（.css） 2.在样式文件中编写样式规则 3.在网页中对样式文件进行引入 <link rel="stylesheet" href="URL../.css"> 3.CSS样式特征 1.继承性 必须是父子（有层叠嵌套的关系）结构 大部分的...
CSS和CSS3思维导图（xmind版）
01-03
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。 CSS 是一种标记语言，属于浏览器解释型语言，可以直接由浏览器执行，不需要编译。 CSS 是用来表现HTML或XML的标记语言。 CSS 是由W3C的CSS工作组发布推荐...
二、CSS层叠样式表（笔记）
Mr_SorryMan的博客
03-20 448
一、CSS概念 对html的结果进行美化，优点是 1. 功能强大 2. 将内容展示和样式控制分离 降低耦合度。解耦 让分工协作更容易 提高开发效率 二、CSS的样式 1.行内样式 写在标签内部的样式，仅对该行标签有用 <p style="color: blue; background: chartreuse;">窗前明月光，疑是地上霜</p> 2.内部样式 定...
css设置滚动条样式；滚动条设置透明
i_am_a_div的博客
06-12 262
css设置滚动条样式；滚动条设置透明
css实现多行文本的展开收起
我码玄黄的博客
06-12 1060
本文通过纯CSS实现多行文本展开收起效果，包括右下角环绕按钮、状态切换及文本行数判断。利用flex布局、input与label关联、伪元素生成等技术，解决展开收起按钮的显示与隐藏问题，实现动态高度和状态切换。
CSS中，设置 0.5px 会生效吗
Keep trying, keep going
06-12 378
在高分辨率屏幕（例如 Retina 屏幕）上，0.5px 的设置通常会生效，因为这些屏幕具有更高的像素密度，可以显示更细的细节。在这些设备上，1 个 CSS 像素可能对应多个设备像素，因此可以实现 0.5px 的效果。，因为这些屏幕的像素密度较低，可能无法精确地显示半个像素的大小。在这种情况下，浏览器会对 0.5px 的值进行。在 CSS 中，设置 0.5px 是有效的，浏览器会尝试渲染出这种细微的大小差异。然而，在低分辨率屏幕上，0.5px 的设置可能无法完美呈现。
CSS 字体颜色渐变
最新发布
weixin_47981445的博客
06-13 177
CSS 字体颜色渐变，适配多端展示
【Css】纯css展开、收起超出的文本
此人太懒，没有任何简介
06-13 419
* 颜色必须与背景相同 *//* 超过的行数隐藏 *//* 和文本大小一样 */
html css层叠样表
04-17
常见的选择器包括标签选择器、类选择器、ID选择器等。 2. 样式规则：样式规则由选择器和一组属性-值对组成。属性定义了要应用的样式，值指定了属性的具体设置。 3. 继承：某些属性的值会被子元素继承，这意味着父...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值