2、css的存在形式及优先级
2024-10-12 09:57:39
一、优先级
简单可以理解为就近原则;
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title> <style>
.c1{
background-color: red;
color: white;
} .c2{
font-size: 26px;
color: black;
}
</style>
</head>
<body>
<div class="c1 c2" style="color: blue">abc</div>
</body>
</html>
二、存在形式
css样式可以存在于一个文件中;
在HTML中引入即可;
##HTML文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title> <link rel="stylesheet" href="commons.css" /> #引入
</head>
<body>
<div class="c1 c2" style="color: blue">abc</div>
</body>
</html> #css文件
.c1{
background-color: red;
color: white;
} .c2{
font-size: 26px;
color: black;
}
最新文章
- Atitit 图像处理类库大总结attilax qc20
- IOS开发的基础知识
- Axure 资料搜集
- [课程设计]Scrum 2.3 多鱼点餐系统开发进度 (订单一览设计)
- Mac中brew的安装
- Django 源码小剖: 初探中间件(middleware)
- C# Json 转对象
- 基于单个 div 的 CSS 画图
- 基于 Bootstrap 的扁平化 UI 开发包
- 给Notepad++ 6.7 加右键菜单带图标
- 【摘录】使用实体框架、Dapper和Chain的仓储模式实现策略
- ActiveMQ——activemq的详细说明,queue、topic的区别(精选)
- Windows下配置 Nginx + PHP
- GX/GZOI2019 day2 解题报告
- python 入门基础24 元类、单例模式
- ol3开发离线地图
- HG255D 刷机备忘
- Mysql 的子查询
- zabbix项目实践
- 向文件写入一个数据块---write
热门文章
- fedora delete openJDK
- Memcache介绍
- LeetCode(82)题解: Remove Duplicates from Sorted List II
- Geoffrey E. Hinton
- Linux随笔-鸟哥Linux服务器篇学习总结(全)
- linux常用命令与技巧(不断添加与更新)
- codeforces 715c
- Ubuntu下codeblocks编译器程序执行对话框内能进行粘贴编辑操作的指令
- MYSQL进阶学习笔记十七:MySQL定期维护!(视频序号:进阶_36)
- 如何查看智能手机的IP地址