CSS样式引用

覆水东流

2024-03-20 帮助3人

内联样式

在元素标签内使用style属性添加样式，与元素标签混在一起，看起来标胶复杂。阅读比较困难。

<p style="color:pink; font-size:20px;">你好</p>

内部样式

在head元素中使用style标签包含的样式叫做内部样式。常用于单个文档需要特殊样式时使用。

<!DOCTYPE html><html lang="en">
<head>    
<meta charset="UTF-8">    
<meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    
<style>        
p{            
color: #ffc0cb;           
font-size: 20px;        
}
</style>
</head>
<body>    
<p>HelloWord</p>
</body>
</html>

外部样式

使用link元素将外部样式表插入到HTML文档中。

<head><link href="样式表地址"></head>

CSS语法

CSS样式由三部分组成：分别是选择器，属性和值。不同属性之间使用分号隔开。

p{color:pink;font-size:20px;}

CSS注释

CSS使用/···/来注释CSS。给CSS添加注释更有利于维护和元素CSS文档

CSS选择器

id选择器

在HTML元素中使用id属性定义id选择器名称，使用#加id名来表示特定id的特定样式，一个HTML元素只有一个id

#p1{color:pink;}

class选择器

使用. class名来表示一组元素的CSS样式。在HTML元素中加入class属性名来定义class选择器。一个元素可以拥有多个class属性

.num{background-color:black;}

这篇好文章是转载于：学新通技术网

CSS样式引用

photoshop保存的图片太大微信发不了怎么办

《学习通》视频自动暂停处理方法

Android 11 保存文件到外部存储，并分享文件

word里面弄一个表格后上面的标题会跑到下面怎么办

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

excel打印预览压线压字怎么办

TikTok加速器哪个好免费的TK加速器推荐

怎样阻止微信小程序自动打开