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.rhkb.cn/news/498930.html

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

相关文章

小程序基础 —— 02 微信小程序账号注册

小程序基础 —— 02 微信小程序账号注册

微信小程序账号注册 小程序开发与网页开发不一样，在开始微信小程序开发之前，需要访问微信公众平台，注册一个微信小程序账号。 有了小程序的账号以后，才可以开发和管理小程序，后续需要通过该账号进行开发信息的设置、…
阅读更多...
LeetCode - 初级算法 数组（删除排序数组中的重复项）

LeetCode - 初级算法 数组（删除排序数组中的重复项）

免责声明：本文来源于个人知识与公开资料，仅用于学术交流。 删除排序数组中的重复项 这篇文章讨论如何从一个非严格递增的数组 nums 中删除重复的元素，使每个元素只出现一次，并返回新数组的长度。因为数组是排序的，只要是相同的肯定是挨着的，所以我们需要遍历所有数组，然…
阅读更多...
Android使用DataBinding和Merge引发的血案

Android使用DataBinding和Merge引发的血案

Android使用DataBinding和Merge引发的血案 1.前言： 相信Databinding和Merge大家都不陌生，今天讲解的是Databinding和Merge一起使用遇到的问题，在父布局使用，引用的布局使用Merge会导致id找不到，运行时直接崩溃了&…
阅读更多...
SQLiteDataBase数据库

SQLiteDataBase数据库

XML界面设计 <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android"xmlns:tools"http://schemas.android.com/tools"android:layout_width"match_paren…
阅读更多...
04-微服务02

04-微服务02

我们将黑马商城拆分为5个微服务&#xff1a; 用户服务 商品服务 购物车服务 交易服务 支付服务 由于每个微服务都有不同的地址或端口&#xff0c;相信大家在与前端联调的时候发现了一些问题&#xff1a; 请求不同数据时要访问不同的入口&#xff0c;需要维护多个入口地址…
阅读更多...
智能家居体验大变革 博联 AI 方案让智能不再繁琐

智能家居体验大变革 博联 AI 方案让智能不再繁琐

1. 全球AI技术发展背景及智能家居市场趋势 人工智能&#xff08;AI&#xff09;技术的飞速发展正在推动全球各行业的数字化转型。国际电信联盟与德勤联合发布《人工智能向善影响》报告指出&#xff0c;全球94%的商界领袖认为&#xff0c;人工智能技术对于其企业在未来5年内的发…
阅读更多...
Windows onnxruntime编译openvino

Windows onnxruntime编译openvino

理论上来说&#xff0c;可以直接访问 ONNXRuntime Releases 下载 dll 文件&#xff0c;然后从官方文档中下载缺少的头文件以直接调用&#xff0c;但我没有尝试过。 1. 下载 OpenVINO 包 从官网下载 OpenVINO 的安装包并放置在 C:\Program Files (x86) 路径下&#xff0c;例如…
阅读更多...
docker学习记录-部署若依springcloud项目

docker学习记录-部署若依springcloud项目

使用docker compse部署RuoYi v3.6.4 一、打包代码 Java代码 打包前需要将127.0.0.1改成宿主机ip&#xff0c; 使用docker部署的nacos&#xff0c;应该是要改成ruoyi-nacos&#xff08;docker中的服务容器名&#xff09;。 使用idea window系统可能没有sh命令&#xff0c;不能…
阅读更多...
汽车损坏识别检测数据集，使用yolo，pasical voc xml，coco json格式标注，6696张图片，可识别11种损坏类型，识别率89.7%

汽车损坏识别检测数据集，使用yolo，pasical voc xml，coco json格式标注，6696张图片，可识别11种损坏类型，识别率89.7%

汽车损坏识别检测数据集&#xff0c;使用yolo&#xff0c;pasical voc xml&#xff0c;coco json格式标注&#xff0c;6696张图片&#xff0c;可识别11种损坏类型损坏&#xff1a; 前挡风玻璃&#xff08;damage-front-windscreen &#xff09; 损坏的门 &#xff08;damaged-d…
阅读更多...
WPF使用OpenCvSharp4

WPF使用OpenCvSharp4

WPF使用OpenCvSharp4 创建项目安装OpenCvSharp4 创建项目 安装OpenCvSharp4 在解决方案资源管理器中&#xff0c;右键单击项目名称&#xff0c;选择“管理 NuGet 包”。搜索并安装以下包&#xff1a; OpenCvSharp4OpenCvSharp4.ExtensionsOpenCvSharp4.runtime.winSystem.Man…
阅读更多...
Nature+Science=ONNs（光学神经网络）

Nature+Science=ONNs（光学神经网络）

2024深度学习发论文&模型涨点之——光学神经网络 光学神经网络&#xff08;Optical Neural Networks, ONNs&#xff09;是一种利用光学器件&#xff08;如激光、光学调制器、滤波器、探测器等&#xff09;来模拟和实现神经网络推理功能的计算模型。这种网络通过利用光信号的…
阅读更多...
计算机体系结构期末复习3：GPU架构及控制流问题

计算机体系结构期末复习3：GPU架构及控制流问题

目录 一、GPU设计思路 1.简化流水线、增加核数 2.单指令多线程&#xff08;SIMT&#xff09; 3.同时驻留大量线程 4.总思路&#xff1a;多线程单指令多线程 二、GPU的控制流问题 1.什么是控制流问题 2.怎么应对分支分歧 一、GPU设计思路 1.简化流水线、增加核数 2.单指…
阅读更多...
三大行业案例：AI大模型+Agent实践全景

三大行业案例：AI大模型+Agent实践全景

本文将从AI Agent和大模型的发展背景切入&#xff0c;结合51Talk、哈啰出行以及B站三个各具特色的行业案例&#xff0c;带你一窥事件驱动架构、RAG技术、人机协作流程&#xff0c;以及一整套行之有效的实操方法。具体包含内容有&#xff1a;51Talk如何让智能客服“主动进攻”&a…
阅读更多...
Vben5登录过期无法再次登录问题，http状态码

Vben5登录过期无法再次登录问题，http状态码

个人博客&#xff1a;无奈何杨&#xff08;wnhyang&#xff09; 个人语雀&#xff1a;wnhyang 共享语雀&#xff1a;在线知识共享 Github&#xff1a;wnhyang - Overview 前言 最近在做项目前端&#xff0c;使用的https://doc.vben.pro/&#xff0c;在登录过期时出现了无法…
阅读更多...
Doris安装部署

Doris安装部署

Doris 概述 Apache Doris由百度大数据部研发&#xff08;之前叫百度 Palo&#xff0c;2018年贡献到 Apache 社区后&#xff0c;更名为 Doris &#xff09;&#xff0c;在百度内部&#xff0c;有超过200个产品线在使用&#xff0c;部署机器超过1000台&#xff0c;单一业务最大可…
阅读更多...
基于单片机的多功能视力保护器（论文+源码）

基于单片机的多功能视力保护器（论文+源码）

1.系统设计 多功能视力保护器在设计过程中能够对用户阅读过程中的各项数据信息进行控制&#xff0c;整体设计分为亮种模式&#xff0c;分别是自动模式&#xff0c;手动模式。在自动模式的控制下&#xff0c;当单片机检测当前光照不强且有人时就开启LED灯&#xff0c;并且会根据…
阅读更多...
如何在 Ubuntu 22.04 上部署 Nginx 并优化以应对高流量网站教程

如何在 Ubuntu 22.04 上部署 Nginx 并优化以应对高流量网站教程

简介 本教程将教你如何优化 Nginx&#xff0c;使其能够高效地处理高流量网站。 Nginx 是一个强大且高性能的 Web 服务器&#xff0c;以其高效处理大量并发连接的能力而闻名&#xff0c;这使得它成为高流量网站的流行选择。 正确优化 Nginx 可以显著提高服务器的性能&#xff0…
阅读更多...
【持续更新中】transformer详解和embedding大模型

【持续更新中】transformer详解和embedding大模型

这里记录一下自己学习embedding大模型的记录&#xff0c;涉及到transformer和bert这些。 一切都可以编码&#xff0c;比如说图片是三原色 背景介绍 训练集和测试集的分&#xff0c;无监督学习&#xff0c;现在基本都是使用无监督学习&#xff0c;有监督学习的话参考计算机视觉…
阅读更多...
csrf跨站请求伪造（portswigger）无防御措施

csrf跨站请求伪造（portswigger）无防御措施

前言&#xff1a;基础csrf学习&#xff08;没有任何防御措施&#xff09; 内容来自portswigger&#xff0c;一个靶场练习&#xff0c;国外的网站&#xff0c;可能需要翻墙 要使 CSRF 攻击成为可能&#xff0c;必须满足三个关键条件&#xff1a; 相关操作。应用程序中存在攻击…
阅读更多...
cocos creator 3.x版本如何添加打开游戏时首屏加载进度条

cocos creator 3.x版本如何添加打开游戏时首屏加载进度条

前言 项目有一个打开游戏时添加载入进度条的需求。这个功能2.X版本是自带的&#xff0c;不知为何在3.X版本中移除了。 实现 先说一下解决思路&#xff0c;就是在引擎源码加载场景的位置插入一个方法&#xff0c;然后在游戏入口HTML处监听即可。 1.找到对应源码脚本 在coco…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023