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

CSS.导入方式

1.内部样式

在head的style里面定义如

 <style>p1{color: brown;}</style>

2.内联样式

直接在标签的里面定义如

<p2 style="color: blue;">这是用了内联样式,蓝色</p2><br>

 3.外部样式表

在css文件夹里面构建一个css文件,里面写有个标签的样式代码如

p3{color: chartreuse;
}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="./CSS/color.css"><style>p1{color: brown;}</style>
</head><body><p1>这是用了内部样式,红色</p1><br><p2 style="color: blue;">这是用了内联样式,蓝色</p2><br><p3>这是用了内联样式,绿色</p3>
</body></html>

效果

http://www.lryc.cn/news/471645.html

相关文章:

  • Linux之nfs服务器和dns服务器
  • 大模型系列——AlphaZero/强化学习/MCTS
  • 原生js实现拖拽上传(拖拽时高亮上传区域)
  • python道格拉斯算法的实现
  • STM32的hal库中,后缀带ex和不带的有什么区别
  • 可观测性三大支柱
  • 【银河麒麟高级服务器操作系统·实例分享】裸金属服务器开机失败分析及处理建议
  • 模型剪枝实操
  • 网安学习路线!最详细没有之一!看了这么多分享网安学习路线的一个详细的都没有!
  • Ubuntu18.04安装vscode1.94.2失败安装vscode1.84.2
  • Redis中Lua脚本的使用场景
  • 重工业数字化转型创新实践:某国家特大型钢铁企业如何快速落地基于实时数仓的数据分析平台
  • 【linux】手动启动sshd
  • 前端项目【本科期间】
  • 深度学习中的学习率调度:循环学习率、SGDR、1cycle 等方法介绍及实践策略研究
  • Python毕业设计-基于 Python flask 的前程无忧招聘可视化系统,Python大数据招聘爬虫可视化分析
  • Linux初阶——线程(Part1)
  • SpringBoot后端开发常用工具详细介绍——flyway数据库版本控制工具
  • CSS揭秘:7. 伪随机背景
  • SAP CODE DEMO:查找AL11 指定路径下文件中的内容
  • 【华为HCIP实战课程二十四】中间到中间系统协议IS-IS配置实战,网络工程师
  • 【工具】新手礼包之git相关环境包括中文的一套流程{收集和整理},gitlab的使用
  • 篇章十一 打包构建工具
  • 青少年编程与数学 02-002 Sql Server 数据库应用 06课题、数据库操作
  • MacOS下载安装Logisim(图文教程)
  • Flink CDC系列之:调研应用Flink CDC将 ELT 从 MySQL 流式传输到 StarRocks方案
  • 一次元空间FullGC导致OOM问题分析
  • Web前端开发工具和依赖安装
  • 【学习心得】远程root用户访问服务器中的MySQL8
  • lust变频器维修电梯变频器CDD34.014.W2.1LSPC1