CSS2笔记

一、CSS基础

1.CSS简介

在这里插入图片描述

2.CSS的编写位置

2.1 行内样式

在这里插入图片描述

2.2 内部样式

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

2.3 外部样式

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

3.样式表的优先级

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

4.CSS语法规范

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

5.CSS代码风格

在这里插入图片描述

二、CSS选择器

1.CSS基本选择器

  1. 通配选择器
  2. 元素选择器
  3. 类选择器
  4. id选择器

1.1 通配选择器

在这里插入图片描述

1.2 元素选择器

在这里插入图片描述

1.3 类选择器

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

1.4 ID选择器

在这里插入图片描述

1.5 基本选择器总结

在这里插入图片描述

2.CSS复合选择器

在这里插入图片描述

2.1 交集选择器

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/891455.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Prometheus 专栏 —— Prometheus安装、配置

Prometheus 专栏 —— Prometheus安装、配置

配置文件基本结构 global: 全局配置 scrape_interval: 抓取目标指标的频率，默认为 1minevaluation_interval: 评估告警规则的频率，默认为 1minscrape_timeout: 抓取目标指标数据拉取超时，默认为 10s，如果出现 context deadline exceeded 错误时需要在特定的 job 下配置该字…
阅读更多...
基于AT89C51单片机的可暂停八路抢答器设计

基于AT89C51单片机的可暂停八路抢答器设计

点击链接获取Keil源码与Project Backups仿真图： https://download.csdn.net/download/qq_64505944/90196607?spm1001.2014.3001.5503 C15 部分参考设计如下： 摘要 随着社会进步和科技发展，电子设备在各类活动中的应用日益普遍&#xff0c…
阅读更多...
【python】unittest单元测试

【python】unittest单元测试

文章目录 基本使用不同启动方式的区别 基本使用 下面是根据文档写的一个demo，主要的内容基本都包含了，使用时导入自己的业务类测试类中的方法就行。 import unittest# 测试类不强制test开头，仅作为规范。但必须继承unittest.TestCase class…
阅读更多...
MySQL实用SQL示例

MySQL实用SQL示例

创建数据库 CREATE DATABASE zq-cloud CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;创建表 CREATE TABLE regulatory_firm_category (category_id int NOT NULL AUTO_INCREMENT COMMENT 分类id，自增主键,parent_id int NOT NULL COMMENT 父级id,category_…
阅读更多...
从0入门自主空中机器人-4-【PX4与Gazebo入门】

从0入门自主空中机器人-4-【PX4与Gazebo入门】

前言: 从上一篇的文章 从0入门自主空中机器人-3-【环境与常用软件安装】 | MGodmonkeyの世界 中我们的机载电脑已经安装了系统和常用的软件，这一篇文章中我们入门一下无人机常用的开源飞控PX4，以及ROS中无人机的仿真 1. PX4的安装 1.1 PX4固件代码的下载…
阅读更多...
数据结构与算法之动态规划: LeetCode 674. 最长连续递增序列 (Ts版)

数据结构与算法之动态规划: LeetCode 674. 最长连续递增序列 (Ts版)

最长连续递增序列 https://leetcode.cn/problems/longest-continuous-increasing-subsequence/description/ 描述 给定一个未经排序的整数数组，找到最长且 连续递增的子序列，并返回该序列的长度连续递增的子序列 可以由两个下标 l 和 r（l …
阅读更多...
SqlSession的线程安全问题源码分析

SqlSession的线程安全问题源码分析

🎮 作者主页：点击 🎁 完整专栏和代码：点击 🏡 博客主页：点击 文章目录 SqlSession 是线程安全的吗？为什么说是线程不安全的？事务管理问题 数据库连接的共享问题 一级缓存线程安全问题…
阅读更多...
Unity Mesh生成Cube

Unity Mesh生成Cube

1. 配置一个Cube的每个面的数据 一共是6个面，每个面包含的数据包括4个顶点的相对顶点坐标（Cube的中心为原点），法线方向，UV坐标，顶点渲染顺序，以及这个面用到的材质，因为这里是Top&am…
阅读更多...
小程序组件 —— 22 组件案例 - 轮播区域绘制

小程序组件 —— 22 组件案例 - 轮播区域绘制

这一节我们实现轮播图最外层的盒子，也就是把轮播图的最外层搭好，先不给轮播图添加图片，因为图片属于新的组件，组件里面有一些知识点，需要单独分开讲； 回顾一下，在进行传统网页开发时&#xff0…
阅读更多...
【文献精读笔记】Explainability for Large Language Models: A Survey （大语言模型的可解释性综述）（二）

【文献精读笔记】Explainability for Large Language Models: A Survey （大语言模型的可解释性综述）（二）

****非斜体正文为原文献内容（也包含笔者的补充），灰色块中是对文章细节的进一步详细解释！ 3.1.2 基于注意力的解释（Attention-Based Explanation） 注意力机制可以揭示输入数据中各个部分之间的关系&#…
阅读更多...
【centos8 镜像修改】centos8 镜像修改阿里云

【centos8 镜像修改】centos8 镜像修改阿里云

要将 CentOS 8 的镜像源修改为阿里云镜像，你需要编辑 /etc/yum.repos.d/ 目录下的 .repo 文件。以下是具体的步骤： 备份原始的 .repo 文件： 在编辑之前，建议备份原始的 .repo 文件，以便在出现问题时可以恢复。 sudo cp…
阅读更多...
git reset --hard（重置到当前提交，所有未提交的更改都会被永久丢弃）

git reset --hard（重置到当前提交，所有未提交的更改都会被永久丢弃）

git reset --hard 是一个强大的命令，它会将你的工作目录、暂存区和当前分支的 HEAD 指针重置到指定的提交状态，所有未提交的更改都会被永久丢弃。因此，使用这个命令时需要非常小心。 基本用法 重置到当前提交（丢弃所有未提交的更…
阅读更多...
WebRTC的三大线程

WebRTC的三大线程

WebRTC中的三个主要线程： signaling_thread，信号线程：用于与应用层交互worker_thread，工作线程（最核心）：负责内部逻辑处理network_thread，网络线程：负责网络数据包的收发…
阅读更多...
25考研总结

25考研总结

11408确实难，25英一直接单科斩杀😭 对过去这一年多备考的经历进行复盘，以及考试期间出现的问题进行思考。 考408的人，政治英语都不能拖到最后，408会惩罚每一个偷懒的人！ 政治 之所以把政治写在最开始&am…
阅读更多...
linux ext4文件系统

linux ext4文件系统

Ext4（第四扩展文件系统，简称为 EXT4）是Linux操作系统中广泛使用的日志文件系统。它是Ext3文件系统的后继者，提供了更多的特性和改进，以适应更大的存储设备和更复杂的文件系统操作。以下是Ext4文件系统的一些主要特点&a…
阅读更多...
Singleton: WebRTC中ThreadManager中的单例模式

Singleton: WebRTC中ThreadManager中的单例模式

1. 什么是单例模式： 旨在确保一个类只有一个实例，并提供全局访问点。 应用场景：需要一个全局唯一的实例，避免资源浪费。 2. 单例模式的实现： Lazy Initialization（懒汉式）（延迟初…
阅读更多...
人工智能：变革时代的核心驱动力

人工智能：变革时代的核心驱动力

求各位观众老爷看一看 先声明一下，该内容由于篇幅过长，可能会有一些地方存在一些小问题请大家谅解 观众老爷们，点个免费的赞和关注呗，您们的支持就是我最大的动力~ 人工智能：变革时代的核心驱动力 一、引言 在当今…
阅读更多...
单元测试入门和mockup

单元测试入门和mockup

Java 新手入门：Java单元测试利器，Mock详解_java mock-CSDN博客 这个是典型的before when assert三段式，学一下单测思路 这个没有动态代理，所以是直接class(对比下面) Jmockit使用笔记_增加代码覆盖率_覆盖try catch_使用new Mock…
阅读更多...
数组方法 | vue修改数组

数组方法 | vue修改数组

数组方法 修改原数组 push() 方法（在数组结尾处）向数组添加一个新的元素 var list["数学","历史"]; list.push("英语"); ["数学","历史","英语"]unshift() 方法（在开头&…
阅读更多...
智能化人才招聘系统是怎样的？

智能化人才招聘系统是怎样的？

随着企业规模的扩大和业务范围的拓展，人才招聘成为了企业发展的关键环节。然而，市面上的人才招聘系统琳琅满目，质量参差不齐，许多企业发现，并非所有系统都能满足他们的需求，特别是智能化的需求。今天&#…
阅读更多...
最新文章

Copyright @ 2022~2023