首页 / CSS / css引入二

css引入二

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css引入二，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2080字，纯文字阅读大概需要3分钟。

内容图文

---恢复内容开始---

将html文件中标签的字体改变颜色的方法：

1、创建css引入实例.html文件和index.css文件，把样式单独写在css文件中，然后在html文件中通过link标签导入

html中的代码：

技术分享图片 技术分享图片 
                <!
                DOCTYPE html
                >
                <
                html 
                lang
                ="en"
                >
                <
                head
                >
                <
                meta 
                charset
                ="UTF-8"
                >
                <
                title
                >css引入实例</title><link rel="stylesheet" href="index.css"><!--将index.css文件和本html文件创建连接关系--></head><body><p>海燕</p></body></html>
html中的代码

css中的代码：

p{
    color:red;font-size:48px;  /*将css引入实例.htxm中的p标签中的内容字体改为红色,font-size为改变字体大小*/
}

2、直接在html文件中修改标签内容的字体颜色，在head中通过style标签定义

html中的代码：

技术分享图片 技术分享图片 
                <!
                DOCTYPE html
                >
                <
                html 
                lang
                ="en"
                >
                <
                head
                >
                <
                meta 
                charset
                ="UTF-8"
                >
                <
                style
                >
                
        p
                {
                
            color
                :
                red
                ;
                }
                </
                style
                >
                <
                title
                >css引入实例</title><!--<link rel="stylesheet" href="index.css">  &lt;!&ndash;将index.css文件和本html文件创建连接关系&ndash;&gt;--></head><body><p>海燕</p></body></html>
html中的代码

3、最简单的方法，直接写在要更改字体颜色的标签里面 style="样式1"；style="样式2"

技术分享图片 技术分享图片 
                <!
                DOCTYPE html
                >
                <
                html 
                lang
                ="en"
                >
                <
                head
                >
                <
                meta 
                charset
                ="UTF-8"
                >
                <!--
                <style>
                -->
                <!--
                p{
                -->
                <!--
                color:red;
                -->
                <!--
                }
                -->
                <!--
                </style>
                -->
                <
                title
                >css引入实例</title><!--<link rel="stylesheet" href="index.css">  &lt;!&ndash;将index.css文件和本html文件创建连接关系&ndash;&gt;--></head><body><p style="color:blue">海燕</p></body></html>
html中的文件 最简单的方法

 CSS语法

技术分享图片

 

CSS选择器

　　基本选择器

　　　　1、标签选择器（想改那个标签就写那个标签），标签选择器是改通用的标签的样式

 

            p{
    color:red;font-size:48px;  /*将css引入实例.htxm中的p标签中的内容字体改为红色,font-size为改变字体大小*/
}
h1{
  color:green;
}

 

技术分享图片 技术分享图片 
                <!
                DOCTYPE html
                >
                <
                html 
                lang
                ="en"
                >
                <
                head
                >
                <
                meta 
                charset
                ="UTF-8"
                >
                <
                title
                >css引入实例</title><link rel="stylesheet" href="index.css"><!--将index.css文件和本html文件创建连接关系--></head><body><p>海燕</p><h1>靖康耻犹未雪</h1></body></html>
html中的代码其中里面有h1标签

2、ID选择器，标签都有自己独一无二的标签，可以设置某个特定标签的样式

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

---恢复内容结束---

原文：https://www.cnblogs.com/YiYA-blog/p/10306558.html

内容总结

以上是互联网集市为您收集整理的css引入二全部内容，希望文章能够帮你解决css引入二所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1191394.html

来源：【匿名】