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

文章目录

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

1. css 语法规范

在这里插入图片描述

2.css的书写风格

在这里插入图片描述

在这里插入图片描述

3.基础选择器

在这里插入图片描述

选择器的分类

在这里插入图片描述

标签选择器

在这里插入图片描述

类选择器

在这里插入图片描述

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

在这里插入图片描述

id 选择器

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

字体属性

常见字体

在这里插入图片描述

字体大小

在这里插入图片描述

字体粗细

在这里插入图片描述

字体倾斜

在这里插入图片描述

字体的复合简写

在这里插入图片描述

字体属性总结

在这里插入图片描述

文本属性

文本颜色

在这里插入图片描述

文本对齐

在这里插入图片描述

装饰文本

在这里插入图片描述

文本缩进

在这里插入图片描述

文本间距

在这里插入图片描述

文本属性总结

在这里插入图片描述

css的引入方式

内部样式表

在这里插入图片描述

行内样式表

在这里插入图片描述

外部样式表

在这里插入图片描述

css引入方式总结

在这里插入图片描述

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

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

相关文章

【机器学习】知识总结1（人工智能、机器学习、深度学习、贝叶斯、回归分析）

【机器学习】知识总结1（人工智能、机器学习、深度学习、贝叶斯、回归分析）

目录 一、机器学习、深度学习 1.人工智能 1.1人工智能概念 1.2人工智能的主要研究内容与应用领域 1.2.1主要研究内容： 1.2.2应用领域 2.机器学习 2.1机器学习的概念 2.2机器学习的基本思路 2.3机器学习的分类 3.深度学习 3.1深度学习的概念 3.2人工智能…
阅读更多...
Java体系中的泛型

Java体系中的泛型

1. 泛型 一般的类和方法，只能够使用基本类型，要么是自定义的类，如果要编写可以应用于多种数据类型的代码，这种刻板的限制对代码的约束就会很大，那么如何实现可应用于多种数据类型的代码，而不局限于单一一种…
阅读更多...
服务器数据恢复—EMC存储RAID5磁盘阵列数据恢复案例

服务器数据恢复—EMC存储RAID5磁盘阵列数据恢复案例

服务器数据恢复环境： 一台EMC某型号存储设备，该存储中有一组由12块（包括2块热备盘）STAT硬盘组建的raid5阵列。 服务器故障： 该存储在运行过程中突然崩溃，raid瘫痪。数据恢复工程师到达现场对故障存储设备进…
阅读更多...
肺结节分割与提取系统（基于传统图像处理方法）

肺结节分割与提取系统（基于传统图像处理方法）

Matlab肺结节分割(肺结节提取)源程序，GUI人机界面版本。使用传统图像分割方法，非深度学习方法。使用LIDC-IDRI数据集。 工作如下： 1、读取图像。读取原始dicom格式的CT图像，并显示，绘制灰度直方图； 2、图像…
阅读更多...
欧科云链研究院深掘链上数据：洞察未来Web3的隐秘价值

欧科云链研究院深掘链上数据：洞察未来Web3的隐秘价值

目前链上数据正处于迈向下一个爆发的重要时刻。 随着Web3行业发展，公链数量呈现爆发式的增长，链上积聚的财富效应，特别是由行业热点话题引领的链上交互行为爆发式增长带来了巨量的链上数据，这些数据构筑了一个行为透明但与物理世…
阅读更多...
extern “C“ 的作用、C++ 和 C 编译的不同、C++ 编译过程的五个主要阶段

extern “C“ 的作用、C++ 和 C 编译的不同、C++ 编译过程的五个主要阶段

在 C 中，如果需要从 C 语言导入函数或与 C 代码交互，需要使用 extern "C" 关键字。这是因为 C 和 C 在编译过程中的 符号命名机制（即 "名称修饰" 或 "name mangling"）不同。 1. extern "C&qu…
阅读更多...
MokeJs使用实例

MokeJs使用实例

文章目录 MokeJs使用实例介绍使用安装配置文件导入配置到main.js使用 axios 发送网络请求测试（如果不会axios，具体可以见上篇文章axios）启动示例 MokeJs使用实例 介绍 使用 安装 npm install mockjs --save-dev # 或者 yarn add mockj…
阅读更多...
【超详细】基于YOLOv11的PCB缺陷检测

【超详细】基于YOLOv11的PCB缺陷检测

主要内容如下： 1、数据集介绍 2、下载PCB数据集 3、不同格式数据集预处理（Json/xml），制作YOLO格式训练集 4、模型训练及可视化 5、Onnxruntime推理 运行环境：Python3.8（要求>3.8）&#xff…
阅读更多...
matlab不小心删除怎么撤回

matlab不小心删除怎么撤回

预设项——>删除文件——>移动至临时文件夹 tem临时文件夹下
阅读更多...
【RabbitMQ】初识 RabbitMQ

【RabbitMQ】初识 RabbitMQ

🥰🥰🥰来都来了，不妨点个关注叭！ 👉博客主页：欢迎各位大佬!👈 文章目录 1. MQ 是什么？1.1 MQ 本质1.2 系统间通信 2. MQ的作用是什么？2.1 异步解耦2.2 流量削…
阅读更多...
【ProtoBuf】ProtoBuf基础与安装

【ProtoBuf】ProtoBuf基础与安装

本篇文章介绍 C 使用方向 文章目录 ProtoBuf简介ProtoBuf安装WindowsLinux ProtoBuf简介 ProtoBuf(全称为 Protocol Buffer)是一种序列化结构数据的方法 序列化是将对象转换为可存储的或传输的格式的过程，通常用于数据交换或持久化存储。我们在C/Java中编写的类不…
阅读更多...
2.13寸电子墨水屏HINK-E0213+esp8266

2.13寸电子墨水屏HINK-E0213+esp8266

记录好数字 2.13寸电子墨水屏HINK-E0213esp8266 声明:大部分资料来源于微雪电子http://微雪电子-官网 https://www.waveshare.net/ 前言 很久以前买的一块电子墨水屏,运气很好,这个型号HINK-E0213资料很全,而且微雪官网也有相关电路资料http://2.13inch e-Paper HAT - Waves…
阅读更多...
【GaussDB】产品简介

【GaussDB】产品简介

产品定位 GaussDB 200是一款具备分析及混合负载能力的分布式数据库，支持x86和Kunpeng硬件架构，支持行存储与列存储，提供PB(Petabyte)级数据分析能力、多模分析能力和实时处理能力，用于数据仓库、数据集市、实时分析、实时决策和混…
阅读更多...
【UI】将 naive ui 的 message 封装进axios 中，关于naiveui的message相关的用法

【UI】将 naive ui 的 message 封装进axios 中，关于naiveui的message相关的用法

文章目录 前言在setup外进行使用直接包裹使用vue 单文件中使用 参考文章： 关于naiveui的message相关的用法 前言 最近新建了一个vite vu3 的项目，完全是从0 到1 ，封装到request 的时候 想对axios 请求做一个全局的处理，但发现…
阅读更多...
【尚硅谷】FreeRTOS学笔记（更新中更新时间2024.10.12）

【尚硅谷】FreeRTOS学笔记（更新中更新时间2024.10.12）

在网上看到的一段很形象的描述，放在这里给大家娱乐一下。 裸机开发：n个人拉屎，先进去一个拉完，下一个再来。看门狗：如果有人拉完屎还占着，茅坑刷视频，把他拖出去中断系统：n个人拉屎&…
阅读更多...
两三年没涨薪了

两三年没涨薪了

前几天到上海见合伙人，有好几位合伙人也都是中型或者是大厂的骨干，基本上是在P8这个级别，大家谈到了几个共同点。 几个典型的现象说一下，既是新闻，也是旧故事。天下的事都雷同。第一个，老板换了&#xff0c…
阅读更多...
LVS-DR+Keepalived 高可用群集部署

LVS-DR+Keepalived 高可用群集部署

LVS-DRKeepalived 高可用群集部署 Keepalived 的工作原理LVSKeepalived 高可用群集部署配置负载调度器（主、备相同）关闭防火墙和核心防护及准备IPVS模块配置keeplived（主、备DR 服务器上都要设置）启动 ipvsadm 服务调整 proc 响应…
阅读更多...
机器学习中的模型设计与训练流程详解

机器学习中的模型设计与训练流程详解

目录 前言1. 模型设计1.1 数据特性分析1.2 计算资源限制1.3 应用场景需求 2. 模型训练2.1 训练集与验证集的划分2.2 损失函数的选择2.3 模型参数更新 3. 优化方法3.1 梯度下降法3.2 正则化方法 4. 模型测试4.1 性能评估指标4.2 模型的泛化能力 5. 模型选择5.1 数据规模与模型复…
阅读更多...
集合框架06：Vector集合使用

集合框架06：Vector集合使用

1.视频链接：13.13 Vector使用_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1zD4y1Q7Fw/?p13&spm_id_from333.1007.top_right_bar_window_history.content.click&vd_sourceb5775c3a4ea16a5306db9c7c1c1486b52.代码示例： package com.yu…
阅读更多...
Fetch 与 Axios：JavaScript HTTP 请求库的详细比较

Fetch 与 Axios：JavaScript HTTP 请求库的详细比较

💝💝💝欢迎莅临我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐：「storm…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023