当前位置：首页 > news >正文

05_css选择器的使用

news 2025/11/1 8:11:47

一、css选择器的类型

1、标签选择器

用法：直接写 写标签名：标签名{}

示例：

<!-- <!DOCTYPE html -->
<html><head><meta charset="utf-8"><title>标签选择器</title><style type="text/css">div {text-align: center;width: 600px;height: 400px;color: blue;background: blanchedalmond;}</style></head><body><!-- 标签名是：div --><div>使用标签选择器添加样式</div></body>
</html>

2、id选择器

用法：元素的id属性：#id名{}

示例：

<!-- <!DOCTYPE html -->
<html><head><meta charset="utf-8"><title>id选择器</title><style type="text/css">#type {text-align: center;width: 600px;height: 400px;color: blue;background: blanchedalmond;}</style></head><body><!-- id名是：type --><div id="type">使用id选择器添加样式</div></body>
</html>

3、类选择器

用法：元素的class属性 .class 值{}
(类选择器是使用最多的一种方式)

示例：

<!-- <!DOCTYPE html -->
<html><head><meta charset="utf-8"><title>class选择器</title><style type="text/css">.type {text-align: center;width: 600px;height: 400px;color: blue;background: blanchedalmond;}</style></head><body><!-- class名是：type --><div class="type">使用class选择器添加样式</div></body>
</html>

4、层级选择器

用法：按照层级找到对应需要添加化样式的元素名

示例：

<!-- <!DOCTYPE html -->
<html><head><meta charset="utf-8"><title>层级选择器</title><style type="text/css">div b span {text-align: center;width: 600px;height: 400px;color: blue;background: blanchedalmond;}</style></head><body><!-- 选择span标签的内容 --><div ><b>这时候div标签下面的b标签的内容,<span>这时候div标签下面的b标签下面的span的内容</span>新的内容</b></div></body>
</html>

5、组选择器

用法：多个元素名，统一使用一个样式

示例：

<!-- <!DOCTYPE html -->
<html><head><meta charset="utf-8"><title>组选择器</title><style type="text/css">h1,h2,h3 {color: blue;}</style></head><body><h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3></body>
</html>

05_css选择器的使用

一、css选择器的类型 1、标签选择器用法：直接写写标签名：标签名{} 示例：  <html><head><meta charset"utf-8"><title>标签选择器</title><style type"te…...

编程日记 2023/9/12 7:15:15

跨平台游戏引擎 Axmol-2.0.0 正式发布

下载 https://github.com/axmolengine/axmol/releases/tag/v2.0.0 更新日志添加实验性的 WebAssembly 构建支持(WebGL 2.0)，由 nowasm 贡献已知问题 WebGL context lost 尚未处理部署在 github pages 的 demo 可快速预览，注意：由于 Git…...

编程日记 2023/9/12 7:14:12

面试总结归纳

面试总结注：循序渐进，由点到面，从技术点的理解到项目中的使用， 要让面试官知道，我所知道的要比面试官更多一、Mybatis 为ORM半持久层框架，它封装了JDBC，开发时只需要关注sql语句就可以了…...

编程日记 2023/9/12 7:13:11

文章目录分割平衡字符串买卖股票的最佳时机Ⅱ跳跃游戏钱币找零分割平衡字符串 class Solution { public:int balancedStringSplit(string s) {int lens.size();int cnt0;int balance0;for(int i0;i<len;i){if(s[i]R){balance--;}else{balance;}if(balance0){cnt;}}return …...

编程日记 2023/9/12 7:12:10

从维基百科通过关键字爬取指定文本内容

通过输入搜索的关键字，和搜索页数范围，爬出指定文本内内容并存入到txt文档。代码逐行讲解。使用re、res、BeautifulSoup包读取，代码已测，可以运行。txt文档内容不乱码。 import re import requests from bs4 import BeautifulS…...

编程日记 2023/9/12 7:11:09

pytorch代码实现之SAConv卷积

SAConv卷积 SAConv卷积模块是一种精度更高、速度更快的“即插即用”卷积，目前很多方法被提出用于降低模型冗余、加速模型推理速度，然而这些方法往往关注于消除不重要的滤波器或构建高效计算单元，反而忽略了特征内部的模式冗余。原文地址&am…...

编程日记 2023/9/12 7:10:08

一文解析-通过实例讲解 Linux 内存泄漏检测方法

一、mtrace分析内存泄露 mtrace（memory trace），是 GNU Glibc 自带的内存问题检测工具，它可以用来协助定位内存泄露问题。它的实现源码在glibc源码的malloc目录下，其基本设计原理为设计一个函数 void mtrace ()&#x…...

编程日记 2023/9/12 7:09:08

Spring Boot常用的参数验证技巧和使用方法

简介 Spring Boot是一个使用Java编写的开源框架，用于快速构建基于Spring的应用程序。在实际开发中，经常需要对输入参数进行验证，以确保数据的完整性和准确性。Spring Boot提供了多种方式来进行参数验证，并且可以很方便地集成到应…...

编程日记 2023/9/12 7:08:07

手机+卫星的科技狂想

最近硬件圈最火热的话题之一，应该就是突然上线、遥遥领先的华为Mate 60 Pro了。其中，CPU和类5G网速是怎么实现的，是大家特别关注的问题。相比之下，卫星通话这个功能，讨论度就略低一些（没有说不火的意思&am…...

编程日记 2023/9/12 7:07:06

便捷查询中通快递，详细物流信息轻松获取

在如今快节奏的生活中，快递已成为人们生活中不可或缺的一部分。然而，快递查询却常常让人头疼，因为需要分别在不同的快递公司官网上进行查询，耗费时间和精力。为了解决这个问题，固乔科技推出了一款便捷的快递查询助手&a…...

编程日记 2023/9/12 7:06:05

ARM接口编程—Interrupt(exynos 4412平台)

CPU与硬件的交互方式轮询 CPU执行程序时不断地询问硬件是否需要其服务，若需要则给予其服务，若不需要一段时间后再次询问，周而复始中断 CPU执行程序时若硬件需要其服务，对应的硬件给CPU发送中断信号，CPU接收到中断信号…...

编程日记 2023/9/12 7:05:05

适用于Linux的Windows子系统（PHP搭建lmap、redis、swoole环境）

目录前言一、Windows安装Linux子系统二、Ubuntu搭建PHP开发环境 1.PHP 安装 2.Apache2 安装 3.MySQL安装 4.Redis安装 5.Swoole安装总结前言系列分为三章（从安装到项目使用）： 一、适用于Linux的Windows子系统（系统安装步骤…...

编程日记 2023/9/12 7:04:03

Vue3+Ts+Vite项目(第十二篇)——echarts安装与使用，vue3项目echarts组件封装

概述技术栈：Vue3 Ts Vite Echarts 简介： 图文详解，教你如何在Vue3项目中引入Echarts，封装Echarts组件，并实现常用Echarts图例文章目录概述一、先看效果1.1 静态效果1.2 动态效果二、话不多数，引入 …...

编程日记 2023/9/12 7:03:02

hive location更新hive元数据表详解

1.hive location更新方式一、通过修改表DDL： alter table table_name set location hdfs://nm:8020/table_path 二、直接修改hive 的meta info: update DBS set DB_LOCATION_URI replace(DB_LOCATION_URI,"oldpath","newpath")update SDS…...

编程日记 2023/9/12 7:02:00

【SpringBoot】统一功能处理

目录 🎃1 拦截器 🎀1.1 拦截器的代码实现 🎨1.2 拦截器的实现原理 🧶2 拦截器应用——登录验证 🦺3 异常统一处理 🎭4 统一数据返回格式 🧤4.1 为什么需要统一数据返回格式 🧣4.2 统…...

编程日记 2023/9/12 7:00:59

分布式数据库-架构真题（二十六）

构件组装成软件系统的过程分为三个不同的层次（）。（2018年） 初始化、互连和集成连接、集成和演化定制、集成和扩展集成、扩展和演化答案：C （2018年）CORBA服务端构件模型中，&#x…...

编程日记 2023/9/12 6:59:57

MyWebServer开发日记-socket

打算把 tinyWebServer 重写成跨平台（Windows and Linux）的。这里首先需要跨平台的 sokcet，主要参考尹圣雨的 TCP/IP 网络编程来着： 代码写的有些笨，欢迎批评： 首先是一个 socket 类，主要…...

编程日记 2023/9/12 6:58:57

图书管理信息系统分析与设计

一、系统开发的可行性分析 （一）系统背景.必要性及意义随着社会经济的迅速发展和科学技术的全面进步，计算机事业的飞速发展，以计算机与通信技术为基础的信息系统正处于蓬勃发展的时期。随着经济文化水平的显著提高，人…...

编程日记 2023/9/12 6:57:55

Charles基础使用指南

##Charles 基本使用指南 Charles 在本地构建一个HTTP代理服务器，可以实现对HTTP、HTTPS请求的抓取，也就是我们常说的抓包，以及对请求响应的修改等。 Charles 官网地址 https://www.charlesproxy.com/ ###一、移动端的抓包实现 1. PC端开启…...

编程日记 2023/9/12 6:56:53

Android12之/proc/pid/status参数含义(一百六十五)

简介： CSDN博客专家，专注Android/Linux系统，分享多mic语音方案、音视频、编解码等技术，与大家一起成长！ 优质专栏：Audio工程师进阶系列【原创干货持续更新中……】🚀 人生格言： 人生…...

编程日记 2023/9/12 6:55:52

大数据学习栈记——Neo4j的安装与使用

本文介绍图数据库Neofj的安装与使用，操作系统：Ubuntu24.04，Neofj版本：2025.04.0。 Apt安装 Neofj可以进行官网安装：Neo4j Deployment Center - Graph Database & Analytics 我这里安装是添加软件源的方法最新版…...

编程新知 2025/10/30 10:46:50