【前端CSS3】CSS引入方式总结（黑马程序员）

news2024/12/23 12:31:50

文章目录

  • 一、前言🚀🚀🚀
  • 二、CSS引入方式：☀️☀️☀️
      • 2.1 内部样式表
      • 2.2 行内样式表
  • 三、总结🚀🚀🚀

一、前言🚀🚀🚀

在这里插入图片描述

☀️
回报不在行动之后，回报在行动之中。

这个系列可以叫作《前端从零开始系列》，因为我打算就是花一个周期时间，来过一遍CSS+JS个人觉得笔记重点且常见的知识点，并且总结起来，如这一篇CSS选择器，归纳各类选择器，将是这个系列的开篇之作。为了方便前端CSS3样式与JS知识的总结，请期待这个系列的更新吧。

二、CSS引入方式：☀️☀️☀️

在这里插入图片描述

2.1 内部样式表

在这里插入图片描述
编程代码如下：直接在html文件上面加个style标签即可。

在这里插入图片描述

在这里插入图片描述

2.2 行内样式表

  下面这么多行只想将最后一行的字体改成粉色如何操作呢？

在这里插入图片描述

在这里插入图片描述
修改多个属性就如下：用分号隔开。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

三、总结🚀🚀🚀

  
在这里插入图片描述

  
  
Alt

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

ETL数据集成丨使用ETLCloud实现MySQL与Greenplum数据同步

ETL数据集成丨使用ETLCloud实现MySQL与Greenplum数据同步

我们在进行数据集成时，MySQL和Greenplum是比较常见的两个数据库，我们可以通过ETLCloud数据集成平台，可以快速实现MySQL数据库与数仓数据库（Greenplum）的数据同步。 MySQL数据库： 优点： 轻量级…
阅读更多...
Java实现电子围栏的小例子

Java实现电子围栏的小例子

主要需求是实现一个电子围栏判断的小例子其中包括前端和后端的demo代码 public class GeoFenceUtils {/** geometryFactory */private static final GeometryFactory geometryFactory new GeometryFactory();/*** 判断指定的GPS点是否在电子围栏内** param fencePointsList 包…
阅读更多...
上海小程序开发需要进行定制开发吗？

上海小程序开发需要进行定制开发吗？

随着互联网技术与移动设备的不断成熟，小程序也已普及到人们日常生活的方方面面。随着企业与互联网联结的愈发深入，小程序的开发可以为企业带来更高效的经营模式，降本增效。那么，上海小程序作为无需安装且开发门槛较低的应用&#…
阅读更多...
udp发送数据如果超过1个mtu时，抓包所遇到的问题记录说明

udp发送数据如果超过1个mtu时，抓包所遇到的问题记录说明

最近在测试Syslog udp发送相关功能，测试环境是centos udp头部的数据长度是2个字节，最大传输长度理论上是65535，除去头部这些字节，可以大概的说是64k。 写了一个超过64k的数据(随便用了一个7w字节的buffer)发送demo，打…
阅读更多...
Three.js机器人与星系动态场景（二）：强化三维空间认识

Three.js机器人与星系动态场景（二）：强化三维空间认识

在上篇博客中介绍了如何快速利用react搭建three.js平台，并实现3D模型的可视化。本文将在上一篇的基础上强化坐标系的概念。引入AxesHelper辅助工具，带你快速理解camer、坐标原点、可视区域。 Three.js机器人与星系动态场景：实现3D渲染与交互式…
阅读更多...
AMEYA360代理：海凌科60G客流量统计雷达模块 4T4R出入口绊数计数

AMEYA360代理：海凌科60G客流量统计雷达模块 4T4R出入口绊数计数

数字化时代，不管是大型商城还是各种连锁店，客流统计分析都可以帮助企业更加精准地了解顾客需求和消费行为。 海凌科推出一款专用于客流量统计的60G雷达模块，4T4R，可以实时进行固定范围内的人体运动轨迹检测，根据人体的…
阅读更多...
使用Python3和Selenium打造百度图片爬虫

使用Python3和Selenium打造百度图片爬虫

开篇 本文的目的在于实现一个用来爬取百度图片的爬虫程序,因该网站不需要登录，所以相对来说较为简单。下面的爬虫程序中我写了比较多的注释，以便于您的理解。 准备 请确保电脑上已经安装了与chrome浏览器版本匹配的chromeDriver，且电脑中已经…
阅读更多...
使用 HBuilder X 进行 uniapp 小程序开发遇到的问题合集

使用 HBuilder X 进行 uniapp 小程序开发遇到的问题合集

文章目录 背景介绍问题集锦1. 在 HBuilderX 点击浏览器运行时，报 uni-app vue3编译器下载失败 安装错误2.在 HBuilderX 点击微信小程序运行时，报 微信开发者工具打开项目失败，请参阅启动日志错误 背景介绍 HBuilder X 版本：HBui…
阅读更多...
NoSQL 之 Redis 集群部署

NoSQL 之 Redis 集群部署

前言： （1）主从复制：主从复制是高可用Redis的基础，哨兵和集群都是在主从复制基础上实现高可用 的。主从复制主要实现了数据的多机备份，以及对于读操作的负载均衡和简单的故障恢复。缺陷： 故障…
阅读更多...
Elasticsearch备份数据到本地，并导入到新的服务 es 服务中

Elasticsearch备份数据到本地，并导入到新的服务 es 服务中

文章目录 使用elasticsearch-dump工具备份安装node.js(二进制安装)解压设置环境变量安装elasticsearch-dump docker安装使用ES备份文件到本地 使用elasticsearch-dump工具备份 这个工具备份时间比较长 安装node.js(二进制安装) wget https://nodejs.org/dist/v16.18.0/node-…
阅读更多...
E1696 无法打开 源 文件 “point.h“

E1696 无法打开 源 文件 “point.h“

一段时间没碰vs2022突然导入一个项目就出现下面错误 在网上查了很多办法，都没什么有用。 试了试，相对路径可以解决。 但是每次都要用相对路径太麻烦了。 又试了试，发现还是硬件问题，就像摩托长期不开等到突然想开的时候就死活打…
阅读更多...
零障碍入门：SSH免密登录与Hadoop生态系统的完美搭档【实训Day02】

零障碍入门：SSH免密登录与Hadoop生态系统的完美搭档【实训Day02】

一、 SSH免密登录配置 1 生成公钥和秘钥(在hadoop101上) # su star # cd /home/star/.ssh # ssh-keygen -t rsa 2 公钥和私钥 公钥id_rsa.pub 私钥id_rsa 3 将公钥拷贝到目标机器上(在hadoop101上) # ssh-copy-id hadoop101 # ssh-copy-id hadoop102 # ssh-co…
阅读更多...
Hi3861 OpenHarmony嵌入式应用入门--TCP Client

Hi3861 OpenHarmony嵌入式应用入门--TCP Client

本篇使用的是lwip编写tcp客户端。需要提前准备好一个PARAM_HOTSPOT_SSID宏定义的热点，并且密码为PARAM_HOTSPOT_PSK。还需要准备一个tcp服务，服务ip为PARAM_SERVER_ADDR宏定义，端口为PARAM_SERVER_PORT宏定义。 修改网络参数 在Hi3861开发板…
阅读更多...
[C++][设计模式][访问器]详细讲解

[C++][设计模式][访问器]详细讲解

目录 1.动机2.模式定义3.要点总结4.代码感受1.代码一2.代码二 1.动机 在软件构件过程中，由于需求的变化，某些类层次结构中常常需要增加新的行为(方法)，如果直接在基类中做这样的更改， 将会给子类带来很繁重的变更负担&#xff0c…
阅读更多...
zabbix小白入门：从SNMP配置到图形展示——以IBM服务器为例

zabbix小白入门：从SNMP配置到图形展示——以IBM服务器为例

作者 乐维社区（forum.lwops.cn）许远 在运维实践中，Zabbix作为一款强大的开源监控工具，被广泛应用于服务器、网络设备和应用程序的监控，成为保障业务连续性和高效运行的关键。然而，对于Zabbix的初学者来说&a…
阅读更多...
法国工程师IMT联盟 密码学及其应用 2023年期末考试题

法国工程师IMT联盟 密码学及其应用 2023年期末考试题

1 在 Unix 下的安全性 (30 分钟) 1.1 问题 1 1.1.1 问题 我们注意constat到通过 SMTP 服务器发送“假”电子邮件（垃圾邮件）相对容易。越来越常见的做法是在 SMTP 连接之上部署dployer TLS 协议protocole（即 SMTPS）。这解决了垃圾…
阅读更多...
【IDEA配置一个maven项目（详细操作流程）】

【IDEA配置一个maven项目（详细操作流程）】

目录 一、安装Maven 1、官网下载maven链接地址：Maven – Download Apache Maven 2、下载完成后，解压到某一路径下。E:\JavaTools\apache-maven-3.9.8为例，实际配置环境变量时以自己安装的路径为准。 二、配置环境变量 1、右键此电脑–&g…
阅读更多...
MybatisPlus实现AES加密解密，实现yml配置文件中数据库连接信息如用户名，密码等信息加密解密

MybatisPlus实现AES加密解密，实现yml配置文件中数据库连接信息如用户名，密码等信息加密解密

1 生成秘钥，使用AES工具生成一个随机秘钥，然后对用户名，密码加密 //数据库用户名和密码加密工具测试类 public class MpDemoApplicationTests {Testvoid contextLoads() {// 数据库用户名和密码String dbUsername"改成你的数据库连接用…
阅读更多...
LabVIEW汽车转向器测试系统

LabVIEW汽车转向器测试系统

绍了一种基于LabVIEW的汽车转向器测试系统。该系统集成了数据采集、控制和分析功能，能够对转向器进行高效、准确的测试。通过LabVIEW平台，实现了对转向器性能参数的实时监测和分析，提升了测试效率和数据精度，为汽车转向器的研发和…
阅读更多...
Ubuntu查看opencv版本c++

Ubuntu查看opencv版本c++

✗命令行中直接输入： pkg-config --modversion opencv✔命令行中直接输入： pkg-config --modversion opencv4注解：附上在markdown中打勾，对号和打叉。使用时将&和#之间的空格去掉，这里只是为了不让CSDN自动转换才…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023