CSS2 知识点（一）

已于 2023-06-15 22:00:01 修改
阅读量53 收藏
点赞数
分类专栏： 前端 文章标签： css 前端 html
于 2023-06-08 18:46:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45980586/article/details/131102722
版权

快速注释：ctrl+/（快捷键，不管是什么语言都可以）
剪切板：window+v（快捷键）

行内样式

在这里插入图片描述

link标签

在这里插入图片描述

样式表的优先级

在这里插入图片描述

CSS语法规范

在这里插入图片描述

基本选择器

包括：1、通配选择器 2、元素选择器 3、类选择器 4、id选择器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

并集选择器

在这里插入图片描述

后代选择器

在这里插入图片描述

子代选择器

在这里插入图片描述
在这里插入图片描述

兄弟选择器

在这里插入图片描述

属性选择器

在这里插入图片描述

伪类选择器

在这里插入图片描述

常用的伪类选择器

在这里插入图片描述
在这里插入图片描述

了解即可

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

伪元素选择器

在这里插入图片描述

选择器的优先级（权重比较）

在这里插入图片描述
在这里插入图片描述

权重计算比较

在这里插入图片描述
在这里插入图片描述
自动计算
红框内是系统自动计算好的权重。
在这里插入图片描述

简单示意图：

在这里插入图片描述
在这里插入图片描述

哇敲
关注
专栏目录
html+css知识点总结
06-24
html+css知识点总结
CSS知识点汇总.docx
09-01
CSS 知识点汇总 CSS（Cascading Style Sheets）是一种用于描述 HTML 或 XML 文档样式的标记语言。它可以控制文档的布局、颜色、字体、间距等样式。下面是 CSS 知识点汇总： CSS 单位 在 CSS 中，单位是指用来度量...
CSS知识点汇总.xmind
04-16
CSS
CSS知识点.xmind
08-30
里面整理了css样式,用思维导图的形式展示了,对学习css的同学们来说更清晰,css知识点整理,欢迎大家来收藏
Layout 布局组件快速搭建
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
09-13 1314
Layout 布局组件快速搭建： 1. 设置主题样式变量 2. 封装公共布局组件 3. 经典布局 4. 水平布局 5. 响应式布局 6. 搭建 Layout 布局组件 7. 添加 Layout 路由配置 8. 启动项目
HTML、CSS实现树状图
p_s_p的博客
09-09 630
【代码】HTML、CSS实现树状图。
使用HTML和CSS制作网页的全面指南
weidl001的博客
09-14 1150
HTML（超文本标记语言）是构建网页的基础语言。它用于定义网页的结构和内容。通过使用不同的标签（tags），我们可以告诉浏览器如何显示文本、图像、链接等。CSS（层叠样式表）用于控制网页的外观和布局。它可以设置文本的颜色、字体、背景、边距等，使网页更加美观和用户友好。通过以上步骤，我们已经了解了如何使用HTML和CSS创建一个简单但完整的网页。主题要点HTML基础了解HTML的结构和常用标签CSS基础理解CSS的语法、选择器和常用属性网页制作步骤规划布局 -> 编写HTML -> 添加CSS实践技巧。
CSS 图片廊：打造精美视觉体验
wjs2024的博客
09-13 560
使用CSS创建图片廊是一个简单而有效的方法，可以提升网页的视觉效果和用户体验。通过本文的介绍，相信你已经掌握了如何使用CSS来打造一个精美的图片廊。在实际开发中，你可以根据自己的需求进行调整和优化，以创建出更加出色的图片廊效果。
CSS框架 Tailwind CSS
专研技术的大学生
09-11 775
在项目中如何集成Tailwind Css框架
如何利用 CSS 渐变实现多样化背景效果
weixin_63625059的博客
09-10 941
总在平常看到像这样的图片 背景是如何实现的呢 背景效果的多样性和美观性直接影响用户体验。CSS 渐变为设计师提供了一种强大且灵活的方法来创建引人注目的背景。渐变是颜色之间平滑过渡的效果，通过调整渐变类型和设置，你可以轻松实现从简单到复杂的各种背景效果。在日常开发中 有很多需要用到渐变的地方，这片文章来总结一下来看MDN是如何说的CSS 渐变由 [] 数据类型表示，它是 [] 的一种特殊类型，由两种或多种颜色之间的渐变过渡构成。
项目实训：CSS基本布局理解——WEB开发系列38
一条晒干的咸鱼的博客
09-13 599
对CSS学习已经接近尾声，下面你可以对以下两道“小卡拉米”测试进行测试下CSS理解程度。
less和css在写法上有什么区别吗？
qq_50853940的博客
09-11 555
【代码】less和css在写法上有什么区别吗？
表格标记＜table＞
qq_74861982的博客
09-13 365
table标记是表格中最外层标记，tr表示表格中的行标记，一对表示表格中的一行，在中可以嵌套几对标记或几对标记。valign：设置单元格垂直对齐方式，可取top bottom middle baseline。align：设置表格或者单元格中，文字水平对齐方式。border:设置边框的值，默认为0，表示不可见。height：设置表格或者单元格的高度。width：设置表格或者单元格的宽度。4.td:表格中数据单元格标记。1table：表格标记。这里直接贴上代码了哦。
CSS 响应式设计（补充）——WEB开发系列36
一条晒干的咸鱼的博客
09-11 1148
随着移动设备的普及，网页设计的焦点逐渐转向了响应式设计。响应式设计不仅要求网页在各种屏幕尺寸上良好展示，还要适应不同设备的特性。
制作论坛帖子页面
qq_61236034的博客
09-13 436
制作论坛帖子页面
通过鼠标移动来调整两个盒子的宽度(响应式)
最新发布
qq_57423665的博客
09-16 222
就可以完成拖动那根线，实现两边的盒子的宽度根据线的移动而变化；
【CSS in Depth 2 精译_028】第五章 网格布局 + 5.1 构建基础网格
PeacefulWinter的博客
09-11 1244
本篇为《CSS in Depth》全新第 2 版第 5 章网格布局5.1小节内容，对前一版内容进行了全面更新，很多六年前还在试验阶段的属性都改为了正式写法，非常适合希望 CSS 进阶突破的朋友。建议收藏、多练。
CSS——盒子模型
m0_73557953的博客
09-12 426
margin : auto => 让target元素左右两边的margin都占据尽可能多的空间，就会各占一半，使元素居中。水平方向：margin-left : auto => 让target元素左边的margin占据尽可能多的空间，使元素靠右。首先CSS将所有的元素都看成一个盒子。
全面掌握CSS基础与进阶知识点总结
本文档是对CSS（层叠样式表）知识点的详细归纳和总结，旨在帮助学习者系统地理解和记忆CSS基础知识。CSS是用于网页设计和开发中的关键语言，它控制网页元素的外观和布局。 1. **基本格式**： CSS采用三种基本格式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值