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

前端开发笔记--css 黑马程序员1

news 2026/5/16 17:39:59

文章目录

  • 1. css 语法规范
  • 2.css的书写风格
  • 3.基础选择器
    • 选择器的分类
      • 标签选择器
      • 类选择器
        • 类选择器的特殊使用--多类名
      • id 选择器
  • 字体属性
    • 常见字体
    • 字体大小
    • 字体粗细
    • 字体倾斜
    • 字体的复合简写
    • 字体属性总结
  • 文本属性
    • 文本颜色
    • 文本对齐
    • 装饰文本
    • 文本缩进
    • 文本间距
    • 文本属性总结
  • css的引入方式
    • 内部样式表
    • 行内样式表
    • 外部样式表
    • css引入方式总结

1. css 语法规范

在这里插入图片描述

2.css的书写风格

在这里插入图片描述

在这里插入图片描述

3.基础选择器

在这里插入图片描述

选择器的分类

在这里插入图片描述

标签选择器

在这里插入图片描述

类选择器

在这里插入图片描述

类选择器的特殊使用–多类名

在这里插入图片描述

id 选择器

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

字体属性

常见字体

在这里插入图片描述

字体大小

在这里插入图片描述

字体粗细

在这里插入图片描述

字体倾斜

在这里插入图片描述

字体的复合简写

在这里插入图片描述

字体属性总结

在这里插入图片描述

文本属性

文本颜色

在这里插入图片描述

文本对齐

在这里插入图片描述

装饰文本

在这里插入图片描述

文本缩进

在这里插入图片描述

文本间距

在这里插入图片描述

文本属性总结

在这里插入图片描述

css的引入方式

内部样式表

在这里插入图片描述

行内样式表

在这里插入图片描述

外部样式表

在这里插入图片描述

css引入方式总结

在这里插入图片描述

相关文章：

前端开发笔记--css 黑马程序员1

文章目录 1. css 语法规范2.css的书写风格3.基础选择器选择器的分类标签选择器类选择器类选择器的特殊使用--多类名 id 选择器 字体属性常见字体字体大小字体粗细字体倾斜字体的复合简写字体属性总结 文本属性文本颜色文本对齐装饰文本文本缩进文本间距文本属性总结 css的引入方…...

编程日记 2024/10/14 2:52:27

ORACLE 19C创建多个不同字符集PDB

现在需要在一个测试环境创建1个为AL32UTF8的PDB,2个ZHS16GBK的PDB 这种情况下,必须先创建的CDB为AL32UTF8,下面是具体步骤: 1.AL32UTF8的pdb在建实例的时候一起创建完成 2.创建第一个ZHS16GBK的PDB cdr,通过pdbseed来克隆: SQL> create pluggable database cdr admin us…...

编程日记 2024/10/14 2:50:25

基于协同过滤的景区旅游可视化与景区推荐系统（自动爬虫，地点可换）

文章目录 有需要本项目的代码或文档以及全部资源，或者部署调试可以私信博主项目介绍过程展示项目移植每文一语 有需要本项目的代码或文档以及全部资源，或者部署调试可以私信博主 项目介绍 本项目是一个综合性的旅游景区数据管理与分析推荐系统,集成了用…...

编程日记 2024/10/14 2:49:24

ElasticSearch搜索引擎

npm run start ELK： ESLogstashKibana Kibana：端口号5601 elasticSearch是面向文档 Kibana可以将ElasticSearch的数据通过友好的页面展示出来。 Es与Kibana的版本一致 es查询的效率很高，处理大数据 ES和solr的区别： 当单纯的对已有…...

编程日记 2024/10/14 2:47:22

leetcode哈希表（二）-两个数组的交集

题目 . - 力扣（LeetCode） 给定两个数组 nums1 和 nums2 ，返回 它们的交集。输出结果中的每个元素一定是唯一的。我们可以不考虑输出结果的顺序 。 示例 1： 输入：nums1 [1,2,2,1], nums2 [2,2] 输出：[…...

编程日记 2024/10/14 2:46:21

嵌入式硬件设计中EDA布局与布线实现

大家好，今天主要给大家分享一下，如何使用立创EDA进行布局和布线，具体实现过程如下： 第一：PCB概念介绍 在介绍PCB的时候，先来说明一下，电子管的发明史。 贝尔在1876年发明了电话，爱迪生1879年发明了白炽灯、特斯拉于1888年发明了电动机，所有这些，都为电子学的诞生准…...

编程日记 2024/10/14 2:45:19

entity，pojo，vo，dto 详解

在Java项目中，包名通常用于组织代码，使其更加清晰和易于维护。entity、pojo、vo和dto是常见的包名，它们各自有不同的含义和用途。下面将详细解释这些包名的含义，并提供一个示例，帮助你更好地理解它们在项目中的应用。 …...

编程日记 2024/10/14 2:44:18

C语言常见知识点

目录 一、单位 二、变量 三、常量 四、转义字符 五、操作符 六、指针 七、数组 一、单位 在刚接触编程时，肯定会了解到计算机的存储单位，它们由小到大分别为bit（位）、Byte（字节）、KB（千字…...

编程日记 2024/10/14 2:43:17

产品设计——应用架构

我的理解应用架构是业务架构的落地，微服务架构下平台的应用架构设计，实质是根据业务来明确应用微服务的边界。因此业务不同，应用架构图也不同。但是基本框架应该相差不大。 其划分原则莫过于高内聚、低耦合。这个跟接口设计是一致的。我们总是…...

编程日记 2024/10/14 2:42:16

Linux初阶——动静态库

一、静态库（格式：libxxx.a） 1. 原理 在运行之前就已经把函数的实现代码拷进 main.c 文件里了，因此静态库的权限是没有可执行权限的，因为根本不会执行到静态库里的内容。静态库的创建原理本质上就是把所有的函数源文件…...

编程日记 2024/10/14 2:41:15

创建一个c#程序，实现字符串类型转整数类型

首先，创建一个c#程序 在代码编辑器中编写代码，点击Run按钮或者按下F5键来运行程序。 下面，编写将字符串类型转换为整数类型的代码。 sing System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Task…...

编程日记 2024/10/14 2:35:06

Spring Boot知识管理系统：敏捷开发实践

3系统分析 3.1可行性分析 通过对本知识管理系统实行的目的初步调查和分析，提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。 3.1.1技术可行性 本知识管理系统采用JAVA作为开发语言，Spring Boot框…...

编程日记 2024/10/14 2:33:04

算法竞赛（Python）-AI的思维模式（搜索）

文章目录 一 、深度优先搜索1 零钱搭配2“油漆桶”与连通性 二 、记忆化三、在游戏中制胜的AI1 永远的平局——井字棋2 一起来解谜——数独3 数字华容道 一 、深度优先搜索 深度优先搜索是最基本的搜索方法，在深度优先搜索的过程中，如果把所有的可行解看…...

编程日记 2024/10/14 2:32:02

Android Studio开发Kotlin项目中遇到的问题解决集

背景&#xff1a;Android Studio 2022.3.1 1.Unexpected tokens (use ; to separate expressions on the same line) 无法在同一行声明一个变量并实例化。 解决&#xff1a;分开 &#xff08;1&#xff09; var aaCo:Runoob<String>aaCoRunoob("aa") &…...

编程日记 2024/10/14 2:31:00

【LeetCode】708. 循环有序列表的插入

目录 一、题目二、解法完整代码 一、题目 给定循环单调非递减列表中的一个点&#xff0c;写一个函数向这个列表中插入一个新元素 insertVal &#xff0c;使这个列表仍然是循环非降序的。 给定的可以是这个列表中任意一个顶点的指针&#xff0c;并不一定是这个列表中最小元素的…...

编程日记 2024/10/14 2:29:59

2.1.ReactOS源码分析ReadFile函数分解

2.1.ReactOS源码分析ReadFile函数分解 2.1.ReactOS源码分析ReadFile函数分解 文章目录 2.1.ReactOS源码分析ReadFile函数分解ReadFile函数的分析ReadFile函数的声明ReadFile函数的核心代码 ReadFile函数的分析 BOOL WINAPI ReadFile(HANDLE,PVOID,DWORD,PDWORD,LPOVERLAPPED)…...

编程日记 2024/10/14 2:26:55

Gridview配置数据源--信任服务器证书

目录 背景过程Gridview配置数据源GridView与数据源&#xff1a;数据库连接与安全&#xff1a;信任服务器证书&#xff1a;配置信任服务器证书&#xff1a;注意事项&#xff1a; 生成连接字符串程序运行报错问题解决 总结 背景 Gridview配置数据源之后&#xff0c;程序报错 过…...

编程日记 2024/10/14 2:23:52

【Next.js 入门教程系列】08-发送邮件

原文链接 CSDN 的排版/样式可能有问题&#xff0c;去我的博客查看原文系列吧&#xff0c;觉得有用的话&#xff0c; 给我的库点个star&#xff0c;关注一下吧 上一篇【Next.js 入门教程系列】07-身份验证 发送邮件 Setting Up React Email​ React Email 是一个高效便捷的 E…...

编程日记 2024/10/14 2:22:51

Echarts合集更更更之树图

实现效果 写在最后&#x1f352; 源码&#xff0c;关注&#x1f365;苏苏的bug&#xff0c;&#x1f361;苏苏的github&#xff0c;&#x1f36a;苏苏的码云...

编程日记 2024/10/14 2:21:49

线性代数 行列式

一、行列式 1、定义 一个数学概念&#xff0c;主要用于 线性代数中&#xff0c;它是一个可以从方阵&#xff08;即行数和列数相等的矩阵&#xff09;形成的一个标量&#xff08;即一个单一的数值&#xff09; 2、二阶行列式 &#xff0c;像这样将一个式子收缩称为一个 2*2 的…...

编程日记 2024/10/14 2:20:48

终极GitHub加速指南：如何免费将下载速度提升10倍以上

终极GitHub加速指南&#xff1a;如何免费将下载速度提升10倍以上 【免费下载链接】Fast-GitHub 国内Github下载很慢&#xff0c;用上了这个插件后&#xff0c;下载速度嗖嗖嗖的~&#xff01; 项目地址: https://gitcode.com/gh_mirrors/fa/Fast-GitHub 对于国内开发者来…...

编程新知 2026/5/16 17:00:57

iOS 17-26越狱终极指南：5个安全解锁iPhone隐藏功能的专业方法

iOS 17-26越狱终极指南&#xff1a;5个安全解锁iPhone隐藏功能的专业方法 【免费下载链接】Jailbreak iOS 26.4 - 26, 17 - 17.7.5 & iOS 18 - 18.7.3 Jailbreak Tools, Cydia/Sileo/Zebra Tweaks & Jailbreak News Updates || AI Jailbreak Finder &#x1f447; 项…...

编程新知 2026/5/16 16:58:56

Cursor Free VIP：如何轻松突破AI编程助手限制的完整指南

Cursor Free VIP&#xff1a;如何轻松突破AI编程助手限制的完整指南 【免费下载链接】cursor-free-vip [Support 0.45]&#xff08;Multi Language 多语言&#xff09;自动注册 Cursor Ai &#xff0c;自动重置机器ID &#xff0c; 免费升级使用Pro 功能: Youve reached your t…...

编程新知 2026/5/16 16:37:47

Rust命令行工具开发实战：从架构设计到工程化发布

1. 项目概述&#xff1a;为什么是Rust&#xff0c;为什么是命令行工具&#xff1f;最近几年&#xff0c;如果你关注过系统编程或者高性能工具领域&#xff0c;Rust这个词出现的频率会越来越高。它不再是一个“未来之星”&#xff0c;而是实实在在地在重塑我们手中的工具链。我自…...

编程新知 2026/5/16 15:53:16

2026届最火的十大降AI率神器解析与推荐

Ai论文网站排名&#xff08;开题报告、文献综述、降aigc率、降重综合对比&#xff09; TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 人工智能生成内容也就是 AIGC 技术迅猛发展着&#xff0c;其在学术领域的应用引发着深刻变革…...

编程新知 2026/5/16 15:22:06

从零到一：手把手带你完成DevEco Studio环境搭建与项目启动

1. 环境准备&#xff1a;从下载到安装的完整指南 第一次接触HarmonyOS开发的朋友们&#xff0c;你们好&#xff01;我是老张&#xff0c;在智能硬件行业摸爬滚打十多年&#xff0c;今天要带大家搞定DevEco Studio这个开发利器。很多人刚开始都会被环境搭建劝退&#xff0c;其实…...

编程新知 2026/5/16 14:43:18

向量寄存器文件优化：Register Dispersion技术解析

1. 向量寄存器文件的技术挑战与优化背景在处理器架构设计中&#xff0c;向量寄存器文件&#xff08;Vector Register File, VRF&#xff09;作为向量处理单元&#xff08;VPU&#xff09;的核心组件&#xff0c;承担着存储和管理向量数据的关键任务。传统VRF设计通常采用固定数…...

编程新知 2026/5/16 13:45:41

Midjourney碳素印相风格实战手册（胶片级颗粒+铁盐棕褐渐变+微裂纹纹理全还原）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;碳素印相工艺的历史溯源与数字复刻价值 碳素印相&#xff08;Carbon Printing&#xff09;诞生于1864年&#xff0c;由英国科学家约瑟夫斯旺&#xff08;Joseph Swan&#xff09;发明&#xff0c;是摄影…...

编程新知 2026/5/16 12:26:56

别再拿冰河木马当玩具了！从一次真实的渗透测试复盘，聊聊Windows XP时代的安全漏洞与防御思路

从冰河木马看Windows XP时代的安全漏洞与现代防御启示 2000年代初的互联网环境与今天截然不同。那时&#xff0c;Windows XP系统占据着绝对市场份额&#xff0c;而安全意识对大多数用户来说还是个陌生概念。正是在这样的背景下&#xff0c;"冰河"这类远程控制工具得以…...

编程新知 2026/5/16 11:21:38

如何用ComfyUI-WanVideoWrapper开启你的AI动态内容创作之旅

如何用ComfyUI-WanVideoWrapper开启你的AI动态内容创作之旅 【免费下载链接】ComfyUI-WanVideoWrapper 项目地址: https://gitcode.com/GitHub_Trending/co/ComfyUI-WanVideoWrapper 在AI视频生成的世界里&#xff0c;你是否曾想象过将文字描述转化为生动的动态画面&am…...

编程新知 2026/5/16 11:15:17