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

CSS3 知识总结

news 2025/9/9 7:40:00

1，什么是CSS

     用于定义网页的样式，包括不同设备和屏幕尺寸的设计、布局和显示变化。

2，CSS的作用优点

  • CSS 描述 HTML 元素如何在屏幕、纸张或其他媒体上显示

  • CSS 节省了大量工作。它可以一次控制多个网页的布局

3，css构成

     CSS 规则由一个选择器和一个声明块组成。

  1.      选择器选择您要设置样式的 HTML 元素
  2. No
    1简单选择器根据名称、id、类选择元素

    元素选择器

     id 选择器

    类选择器

    通用选择器

     HTML 元素

     HTML 元素的 id 属性

    具有特定类属性的 HTML 元素，要选择具有特定类的元素，请写一个句点 (.) 字符，后跟类名。

    通用选择器 (*) 选择页面上的所有 HTML 元素。

    1，一个元素的 id 在一个页面中是唯一的

    2，

    要选择具有特定 ID 的元素，请写入井号 (#) 字符，后跟元素的 ID。

    3，类名不能以数字开头！

    2组合选择器根据元素之间的特定关系选择元素h1, h2, p {
      text-align: center;
      color: red;
    }
    3伪类选择器根据某种状态选择元素
    4伪元素选择器（选择元素的一部分并设置样式
    5属性选择器根据属性或属性值选择元素

    4，插入 CSS 的三种方式
     

    外部 CSS注意：不要在属性值和单位之间添加空格：
    不正确（空格）：margin-left: 20 px;
    正确（无空格）：margin-left: 20px;    		必须在 head 部分的 <link> 元素中包含对外部样式表文件的引用
    内部 CSS<head>
    <style>
    body {
      background-color: linen;
    }

    h1 {
      color: maroon;
      margin-left: 40px;
    }
    </style>
    </head>    		内部样式在 <style> 元素内定义，在 head 部分内。
    内联 CSS<p style="color:red;">This is a paragraph.</p>为单个元素应用独特的样式

     

   

相关文章：

CSS3 知识总结

1&#xff0c;什么是CSS 用于定义网页的样式&#xff0c;包括不同设备和屏幕尺寸的设计、布局和显示变化。 2&#xff0c;CSS的作用优点 CSS 描述 HTML 元素如何在屏幕、纸张或其他媒体上显示 CSS 节省了大量工作。它可以一次控制多个网页的布局 3&#xff0c;css构成 CSS 规…...

编程日记 2023/5/15 8:44:45

回溯算法37：解数独

主要是我自己刷题的一些记录过程。如果有错可以指出哦&#xff0c;大家一起进步。 转载代码随想录 原文链接&#xff1a; 代码随想录 leetcode链接&#xff1a;37. 解数独 题目&#xff1a; 编写一个程序&#xff0c;通过填充空格来解决数独问题。 数独的解法需 遵循如下规则…...

编程日记 2023/5/15 7:17:26

【蓝桥杯-筑基篇】动态规划

&#x1f353;系列专栏:蓝桥杯 &#x1f349;个人主页:个人主页 目录 1.最大连续子段和 2.LCS 最大公共子序列 3.LIS 最长上升子序列 4.数塔 5.最大子矩阵和 6.背包问题 ①01背包问题 ②完全背包 1.最大连续子段和 这段代码是一个求最大子数组和的算法&#xff0c;使用…...

编程日记 2023/5/14 5:38:31

Unity利用Photon PUN2框架快速实现多人在线游戏实例分享

简介 Photon 是一个泛用性的 ScoketServer 套装软件，可用于多人在线游戏、聊天室、大厅游戏，并同时支持 Windows、Unity3D、iOS、Android、Flash 等平台。Photon 包含两个部分，一部分是 Socket 服务器，另一部分是其针对各个平台编写的 SDK，Unity3D 平台对应的 SDK 为 Pho…...

编程日记 2023/5/17 12:38:50

ChatGPT直出1.5w字论文查重率才30% - 基于物联网技术的智能家居控制系统设计与实现

文章目录ChatGPT直出1.5w字论文查重率才30% - 基于物联网技术的智能家居控制系统设计与实现一、绪论1.1 研究背景与意义1.2 国内外研究现状分析1.3 研究内容与目标1.4 研究方向和思路二、物联网技术与智能家居概述2.1 物联网技术原理与应用2.2 智能家居的概念与发展历程2.3 智能…...

编程日记 2023/5/17 17:41:35

特斯拉的操作系统是用什么语言编写的？

总目录链接>> AutoSAR入门和实战系列总目录 文章目录特斯拉车辆操作系统特斯拉GitHub中使用的语言Ruby和GoPythonSwift 和 Objective CQt我们知道操作系统至少需要一些非常低级的代码&#xff0c;这些代码在系统首次启动时运行&#xff0c;必须使用接近硬件的语言编写。…...

编程日记 2023/5/15 14:54:22

C++学习8-C++提高编程

文章目录前言一、模板1.1 模板的概念1.2 函数模板1.2.1 函数模板语法1.2.2 函数模板注意事项1.2.3 函数模板案例复习&#xff1a;计算数组长度1.2.4 普通函数与函数模板的区别1.2.5 普通函数与函数模板的调用规则1.2.6 模板的局限性1.3 类模板1.3.1 类模板语法1.3.2 类模板与函…...

编程日记 2023/5/16 6:15:28

ubuntu安装git server

一安装 要在Ubuntu上安装Git服务器，需要按照以下步骤进行操作： 安装Git： sudo apt-get update sudo apt-get install git 创建一个Git用户和一个Git仓库目录： sudo adduser git sudo mkdir /home/git/repo.git sudo chown git:git /home/git/repo.git 初始化Git仓库： c…...

编程日记 2023/5/15 14:09:14

物流云数据分析平台

物流云数据分析服务平台 http://project.webcats.cn/bx/36569/2455/index.html 本次系统模拟的是湖南省数据&#xff0c;解释权归杭氏集团所有&#xff01; 1、系统简介: 物流大数据集成展示系统旨在通过大屏幕全面显示指定地区的物流运营车辆、物流公司和货主的相关信息和…...

编程日记 2023/5/16 22:40:59

配置OBS存储功能、新搭建obs

通过应用开发环境与OBS&#xff08;Object-based Storage Service&#xff09;对接&#xff0c;实现对象或者Widget资产存储功能。 背景信息 对象存储服务&#xff08;Object-based Storage Service&#xff0c;OBS&#xff09;是一个基于对象的海量存储服务&#xff0c;为客…...

编程日记 2023/5/17 15:12:22

基于DPDK收包的suricata的安装和运行

操作系统版本&#xff1a;Ubuntu 20.04.5 suricata版本&#xff1a; suricata-7.0.0-rc1 suricata是一个基于规则的入侵检测和防御引擎&#xff0c;功能强大&#xff0c;但性能可能 差强人意&#xff0c;不过目前最新的7版本已经支持DPDK收包了&#xff0c;DPDK是Intel提供的高…...

编程日记 2023/5/17 17:41:28

浅谈23种设计模式

创建型模式 有5种设计模式 抽象工厂&#xff08;Abstract Factory&#xff09;&#xff1a;多套方案 抽象工厂模式是对创建不同的产品类型的抽象。对应到工作中&#xff0c;我们的确应该具备提供多套方案的能力&#xff0c;这也是我们常说的&#xff0c;要提供选择题。当你有这…...

编程日记 2023/5/18 14:33:01

JetBrains Rider 2022.3.3 Crack

具有 ReSharper 强大功能的令人难以置信的 .NET IDE&#xff01;Rider 在我们使用 Windows 和 macOS 的整个开发团队中使用。 什么是骑士&#xff1f; JetBrains Rider 是一个基于 IntelliJ 平台和 ReSharper 的跨平台 .NET IDE。 支持许多 .NET 项目类型 JetBrains Rider 支持…...

编程日记 2023/5/17 1:33:10

浅理解扁平数据结构转Tree（树形结构）

文章目录&#x1f4cb;前言&#x1f3af;扁平数据结构&#x1f3af;树形数据结构&#x1f3af;使用递归将扁平数据转换为树形数据&#x1f4dd;最后&#x1f4cb;前言 在前端开发中&#xff0c;我们经常需要将扁平数据结构转换为树形结构&#xff08;Tree&#xff09;。比如在…...

编程日记 2023/5/20 1:03:51

前端开发——JavaScript的条件语句

世界不仅有黑&#xff0c;又或者白 世界而是一道精致的灰 ——Lungcen 目录 条件判断语句 if 语句 if else 语句 if else if else 语句 switch语句 break 关键字 case 子句 default语句 while循环语句 do while循环语句 for循环语句 for 循环中的三个表达式 for 循环嵌套 for …...

编程日记 2023/5/17 10:08:52

2.11 循环赛日程表

博主简介&#xff1a;一个爱打游戏的计算机专业学生博主主页&#xff1a; 夏驰和徐策所属专栏&#xff1a;算法设计与分析 目录 书本内容&#xff1a; 我的理解&#xff1a; 更优化的算法&#xff1a; 总结 1.注意实现问题 2.当用C语言和C实现循环赛日程表算法时&#xff…...

编程日记 2023/5/16 22:41:40

SpringBoot——SB整合mybatis案例(残缺版本)第三集

了解完使用阿里云存储的操作后&#xff0c;现在需要在案例里面集成阿里云进行开发。云服务——阿里云OSS的入门使用_北岭山脚鼠鼠的博客-CSDN博客 阿里云OSS——集成 对于前端传过来的图片要先上传到OSS&#xff0c;然后获取图片在云端的访问地址&#xff0c;存储到数据库里面…...

编程日记 2023/5/18 14:35:33

Baumer工业相机堡盟相机不满帧如何使用CameraExplorer设置相机参数让它的帧率达到满帧

项目场景 Baumer工业相机堡盟相机是一种高性能、高质量的工业相机&#xff0c;可用于各种应用场景&#xff0c;如物体检测、计数和识别、运动分析和图像处理。 Baumer的万兆网相机拥有出色的图像处理性能&#xff0c;可以实时传输高分辨率图像。此外&#xff0c;该相机还具…...

编程日记 2023/5/17 15:12:33

巴黎爱情回忆 NFT 作品集

由 Metaverse Studio 制作。 欢迎来到浪漫之都巴黎&#xff01;尽情游览美丽壮观的地标&#xff0c;探索法国文化。在离开之前&#xff0c;别忘了从《巴黎爱情回忆》NFT 作品集中带走一件纪念品。从世界著名的法国人物到标志性资产&#xff0c;这些 NFT肯定会为您的钱包带来巴黎…...

编程日记 2023/5/15 4:59:33

openai开放gpt3.5-turbo模型api，使用python即可写一个基于gpt的智能问答机器人

1安装python库 使用pip安装openai库&#xff0c;注意gpt3.5-turbo模型需要python>3.9的版本支持&#xff0c;本文演示的python版本是python3.10.10 pip install openai2创建api key 需要提前在openai官网上注册好账号&#xff0c;然后打开https://platform.openai.com/ac…...

编程日记 2023/5/18 14:38:56

观成科技：隐蔽隧道工具Ligolo-ng加密流量分析

1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具&#xff0c;该工具基于TUN接口实现其功能&#xff0c;利用反向TCP/TLS连接建立一条隐蔽的通信信道&#xff0c;支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式&#xff0c;适应复杂网…...

编程新知 2025/9/7 10:00:09

【OSG学习笔记】Day 18: 碰撞检测与物理交互

物理引擎&#xff08;Physics Engine&#xff09; 物理引擎 是一种通过计算机模拟物理规律&#xff08;如力学、碰撞、重力、流体动力学等&#xff09;的软件工具或库。 它的核心目标是在虚拟环境中逼真地模拟物体的运动和交互&#xff0c;广泛应用于 游戏开发、动画制作、虚…...

编程新知 2025/9/7 8:52:44

Linux简单的操作

ls ls 查看当前目录 ll 查看详细内容 ls -a 查看所有的内容 ls --help 查看方法文档 pwd pwd 查看当前路径 cd cd 转路径 cd .. 转上一级路径 cd 名 转换路径 …...

编程新知 2025/7/20 13:01:09

测试markdown--肇兴

day1&#xff1a; 1、去程&#xff1a;7:04 --11:32高铁 高铁右转上售票大厅2楼&#xff0c;穿过候车厅下一楼&#xff0c;上大巴车 &#xffe5;10/人 **2、到达&#xff1a;**12点多到达寨子&#xff0c;买门票&#xff0c;美团/抖音&#xff1a;&#xffe5;78人 3、中饭&a…...

编程新知 2025/8/8 2:13:29

（转）什么是DockerCompose?它有什么作用？

一、什么是DockerCompose? DockerCompose可以基于Compose文件帮我们快速的部署分布式应用&#xff0c;而无需手动一个个创建和运行容器。 Compose文件是一个文本文件&#xff0c;通过指令定义集群中的每个容器如何运行。 DockerCompose就是把DockerFile转换成指令去运行。 …...

编程新知 2025/8/27 21:34:17

什么？连接服务器也能可视化显示界面？：基于X11 Forwarding + CentOS + MobaXterm实战指南

文章目录 什么是X11？环境准备实战步骤1️⃣ 服务器端配置（CentOS）2️⃣ 客户端配置（MobaXterm）3️⃣ 验证X11 Forwarding4️⃣ 运行自定义GUI程序(Python示例)5️⃣ 成功效果![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/55aefaea8a9f477e86d065227851fe3d.pn…...

编程新知 2025/7/24 7:13:48

AspectJ 在 Android 中的完整使用指南

一、环境配置&#xff08;Gradle 7.0 适配&#xff09; 1. 项目级 build.gradle // 注意&#xff1a;沪江插件已停更&#xff0c;推荐官方兼容方案 buildscript {dependencies {classpath org.aspectj:aspectjtools:1.9.9.1 // AspectJ 工具} } 2. 模块级 build.gradle plu…...

编程新知 2025/7/7 22:33:57

Android第十三次面试总结（四大 组件基础）

Activity生命周期和四大启动模式详解 一、Activity 生命周期 Activity 的生命周期由一系列回调方法组成&#xff0c;用于管理其创建、可见性、焦点和销毁过程。以下是核心方法及其调用时机&#xff1a; ​onCreate()​​ ​调用时机​&#xff1a;Activity 首次创建时调用。​…...

编程新知 2025/8/13 23:52:16

Redis：现代应用开发的高效内存数据存储利器

一、Redis的起源与发展 Redis最初由意大利程序员Salvatore Sanfilippo在2009年开发&#xff0c;其初衷是为了满足他自己的一个项目需求&#xff0c;即需要一个高性能的键值存储系统来解决传统数据库在高并发场景下的性能瓶颈。随着项目的开源&#xff0c;Redis凭借其简单易用、…...

编程新知 2025/7/20 11:10:16

[大语言模型]在个人电脑上部署ollama 并进行管理,最后配置AI程序开发助手.

ollama官网: 下载 https://ollama.com/ 安装 查看可以使用的模型 https://ollama.com/search 例如 https://ollama.com/library/deepseek-r1/tags # deepseek-r1:7bollama pull deepseek-r1:7b改token数量为409622 16384 ollama命令说明 ollama serve #&#xff1a…...

编程新知 2025/9/4 16:15:51