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

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.kler.cn/a/370455.html

相关文章:

  • 云计算与物联网技术的融合应用(在工业、农业、家居、医疗、环境、城市等整理较全)
  • lvm快照备份
  • 大语言模型的语境中“越狱”和思维链
  • [JavaScript] 运算符详解
  • -bash: /java: cannot execute binary file
  • vscode离线安装插件--终极解决方案
  • 字符串及正则表达式
  • vue 果蔬识别系统百度AI识别vue+springboot java开发、elementui+ echarts+ vant开发
  • 已经安装好Ubuntu,10分钟配好Anaconda3
  • Tomcat作为web的优缺点
  • 【前端基础】如何判断鼠标选中文本的方向
  • linux tracepoint
  • x3daudio17dll丢失是什么原因?如何重新安装
  • Centos7.9编译安装Python3.12
  • 如何在Linux下安装和配置Docker
  • 七,Linux基础环境搭建(CentOS7)- 安装Scala和Spark
  • Ubuntu 20.04 安装 OpenCV 和 OpenCV_contrib 教程
  • 计算机网络关键名词中英对照
  • WebGIS开发之编辑功能(分割、融合、捕捉、追踪)
  • 【QT】HTTP服务器
  • 数据挖掘:电商会员价值分析模型方案
  • txt数据转为pdf格式并使用base64解密输出
  • 【MATLAB源码-第194期】基于matlab的MB-OFDM仿真,超宽带(UWB)无线传输。对比LS/DFT及其改进算法。
  • Cmake Error:could not find any instance of Visual Studio.
  • 使用Git进行团队协作开发
  • (1)程序设计与数据结构连续剧