当前博客:31-快码FOF中文编程CSS三种引用方式-<样式>标签

221 次浏览【转载需注明来源】

博客作者:【快码FOF编程】

个性签名:寒窗苦读十年一朝凤舞九天

在上一章中,简单的介绍了一下CSS的语法规范,本章中将学习如何在网页中引用CSS代码。

在网页中引用CSS代码有以下三种方式:

1、在<样式>标签中编写CSS代码

2、在任意标签的行内样式属性中编写CSS代码

3、新建lcss文件,在文件中编写css代码

本章讲解的是第一种:在<样式>标签中编写CSS代码。

一段完整的<样式>标签代码:

<样式>
    段落{
        文本颜色: 颜色值-红色;
    }
</样式>
<段落>
    我是一段文本
</段落>

知识点:定义<样式>标签,然后就可以在<样式>标签中编写代码。

知识点:选择器可以直接使用标签名称,这时候会全局更改所有该标签的样式。

上述代码展示效果:

注意点:选择器也可以直接自定义名称,然后使用类名属性来引用,代码参考如下:

<样式>
    .我是自定义名称{
        文本颜色: 颜色值-红色;
    }
</样式>
<段落 类名="我是自定义名称">
    我是一段文本
</段落>

知识点:给一个.号+自定义名称,叫做CSS类名选择器,它可以通过类名属性来引用。

 

点击本处跳转案例下载:点击下载本文实例

31-快码FOF中文编程CSS三种引用方式-<样式>标签