CSS

最新推荐文章于 2024-04-20 11:21:40 发布

jade*

最新推荐文章于 2024-04-20 11:21:40 发布

阅读量529

点赞数 3

分类专栏： web开发文章标签： css web

本文链接：https://blog.csdn.net/qq_52206533/article/details/115445308

版权

web开发专栏收录该内容

22 篇文章 0 订阅

订阅专栏

文章目录

前言
1.内联样式做法
2.用`

前言

在前一篇博客中，我介绍了html,html是告知浏览器如何组织页面的标记语言，这些只能够呈现出一些基本的样子，但是我们都喜欢美好的事物，那么我们可以使用CSS同时控制多重网页的样式和布局。

1.内联样式做法

直接在标签属性上加上style

<h1 style="color :blue">这是第一个标题</h1>

2.用`<style>`标签

<head>
    <meta charset="UTF-8">
    <title>学习html</title>
    <style>
       h2{
           color:red;
       }
       strong{
       		color:green;
       }
    </style>
</head>

这个标签是争对所有的标签都起作用，若用这种方式让单个标签起作用，那应该怎么办呢?

<head>
    <meta charset="UTF-8">
    <title>学习html</title>
    <style>
        #XXX{
            color:gold;
        }
    </style>
</head>
<body>
<ol>
    <li>
        <h3 >第一个项目</h3>
        <p id="XXX">项目简介：说明主要义务</p>
        <p>开发环境：系统，数据库等</p>
        <p>技术栈：技术关键词</p>
        <p>项目描述</p>
        <ul>
            <li>1.数据库</li>
            <li>2.使用了XXX数据库</li>
        </ul>
    </li>
</ol>

此时使用的是id这个方法，让单个标签起作用。

3.引入外部文件

<head>
    <meta charset="UTF-8">
    <title>学习html</title>
    <link type="text/css" rel="stylesheet" href="css/1.css">
</head>

h2{
    color:red;
}
strong{
    color:green;
}
#XXX{
    color:gold;
}

html和CSS
html是网页的骨架，内容
css是控制网页的样式和文件。（由上面三种方式）

jade*

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

CSS

文章目录

前言

1.内联样式做法

2.用<style>标签

3.引入外部文件

2.用`<style>`标签