markdown 元素样式的增删改查

Posted 2021-05-05

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了markdown 元素样式的增删改查相关的知识，希望对你有一定的参考价值。

>使用内联CSS来应用特定元素的规则，即：行内式
```
<p style="color:white;">Something usefull here.</p>
```
内联CSS的优点：

1、如果您想测试和预览更改，则非常有用。

2、对快速修复很有用。

3、降低HTTP请求。

内联CSS的缺点：

内联CSS必须应用于每个元素。
>使用内部CSS并在<head>HTML文档部分包含CSS规则，即：内嵌式
```
<head>
  <style type="text/css">
    p {color:white;}
  </style>
</head>
```
内嵌CSS的优点：

1、样式表只影响一个页面。

2、内部样式表可以使用类和ID。

3、无需上传多个文件。HTML和CSS可以在同一个文件中。

内嵌CSS的缺点：

1、增加页面加载时间。

2、它只影响一个页面 - 如果要在多个文档上使用相同的CSS，则无用。
>链接到包含所有CSS规则的外部文件（.css文件），即：外联式
```
<head>
  <link rel="stylesheet" type="text/css" href="style.css" />
</head>
```
外联CSS的优点：

1、HTML页面的大小更小，结构更清晰。

2、加载速度更快。

3、相同的.css文件可以在多个页面上使用。

外联CSS的缺点：

1、在加载外部CSS之前，页面可能无法正确呈现。

***

通过元素对象的style属性修改行内样式
```
el.style.backgroundColor = "pink";
el.style.backgroundColor = "";
document.getElementById("div1").removeAttribute("style");
```
通过元素对象的className属性修改元素对象的样式类
```
el["className"] = "bgColor"; //修改
el["className"] += " bgColor"; //增加
```

以上是关于markdown 元素样式的增删改查的主要内容，如果未能解决你的问题，请参考以下文章