css样式

三种方式： 1、第一种行内样式，也就是给标签添加style属性，例子如下 2、第二种，直接写在html页面中的style标签中，例子如下， .box{ width:200px; font-size:14px; color:red; }3、第三种，使用外链css样式表，单独保存为css文件，将css样式都写入css文件中，例子如下， Document //这个地方写css文件的位置

1.行内式
行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。
2.内嵌式
嵌入式是将CSS样式集中写在网页的标签对的标签对中。格式如下：





...此处写CSS样式





缺点是对于一个包含很多网页的网站，在每个网页中使用嵌入式，进行修改样式时非常麻烦。单一网页可以考虑使用嵌入式。
3.导入式
将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，标记也是写在标记中，使用的语法如下：



@import"mystyle.css"; 此处要注意.css文件的路径



导入式会在整个网页装载完后再装载CSS文件，因此这就导致了一个问题，如果网页比较大则会儿出现先显示无样式的页面，闪烁一下之后，再出现网页的样式。这是导入式固有的一个缺陷。
4.链接式
也是将一个.css文件引入到HTML文件中，但它与导入式不同的是链接式使用HTML规则引入外部CSS文件，它在网页的标签对中使用标记来引入外部样式表文件，使用语法如下：



使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的，它不会象导入式那样先显示无样式的网页，然后再显示有样式的网页，这是链接式的优点。

CSS 样式按照使用方式和作用对象可以分为以下几类：
1. 选择器样式（Selector Styles）：是 CSS 样式中最常见的一种，通过选择器选中需要设置样式的元素，然后为其设置样式。包括标签选择器（如 `p`，`h1` 等）、类选择器（如 `.text`）、ID 选择器（如 `#content`）等。这种样式设置方式的特点是能够非常精准地选中需要设置样式的元素，便于灵活控制其样式；
2. 内联样式（Inline Styles）：是将样式直接写在元素的 `style` 属性中的方式，一般用于需要针对某个特定元素设置样式，但是不希望在全局使用的情况下。与选择器样式不同的是，内联样式只针对一个元素生效，不具备复用性和可维护性；
3. 嵌入样式（Embedded Styles）：是将样式写在 `` 标签中，然后放在 HTML 文件的 `` 标签内，用于为整个页面或者某些特定的页面区域（如文章、表格等）统一设置样式。嵌入样式对应的是文档层级（document level），可以针对整个文档或者特定部分的元素进行样式的设置；
4. 外部样式表（External Stylesheets）：是将样式写在一个外部文件（通常以 `.css` 后缀结尾）中，然后在 HTML 文件中使用 `` 标签引用该文件。这种样式设置方式具备最好的可维护性和复用性，允许多个页面共享同一份样式文件，并且可以将样式和内容分离，便于维护和更新。
这些不同类型的样式设置方式各有不同的优点和适用场景，需要根据具体需求选择使用。

1、首先，在电脑中打开编辑器，创建html文档。 2、然后，创建h1标签，用行内样式控制字体颜色为红色。 3、接下来，用内部样式选择器选择h1标签，控制它的样式。 4、外部样式需要，创建外部样式.css文件。 5、然后，在html文件里面引入css文件。 6、最后，在浏览器看是否生效，就可以了。