CSS写法

写法

 内部样式表
  写在元素的style标签⾥⾯的
内联样式表
  写在styles属性⾥⾯的
外部样式表
  link标签将css资源引⼊

外部样式表优点

 解决⻚⾯当中样式重复的问题
代码分离，利于代码维护和阅读
浏览器会缓存起来，提⾼⻚⾯响应速度

代码案例

 <!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="./index.css">
  <style>
    div {
      color: red;
    }
  </style>
</head>
 
<body>
  <div style='background-color: black;'>
    小滴课堂
  </div>
</body>
 
</html>

posted @ 2022-08-31 06:44 DogLeftover 阅读(20) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· CSS的层叠与选择器优先级

· 可继承的属性

· CSS 编写的位置（1）

· CSS样式(内联、内部、外部)

· css - 样式表

阅读排行：
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 字符编码：从基础到乱码解决
· 提示词工程——AI应用必不可少的技术

历史上的今天：
2021-08-31 vue开发：前端项目模板

CSS写法

我的标签

合集 (4)

随笔分类 (1350)

阅读排行榜

推荐排行榜

	内部样式表
	写在元素的style标签⾥⾯的
	内联样式表
	写在styles属性⾥⾯的
	外部样式表
	link标签将css资源引⼊

	解决⻚⾯当中样式重复的问题
	代码分离，利于代码维护和阅读
	浏览器会缓存起来，提⾼⻚⾯响应速度

	<!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="./index.css">
	<style>
	div {
	color: red;
	}
	</style>
	</head>

	<body>
	<div style='background-color: black;'>
	小滴课堂
	</div>
	</body>

	</html>