CSS基本介绍及编写方法

最新推荐文章于 2023-12-15 08:56:02 发布

alex1997222

最新推荐文章于 2023-12-15 08:56:02 发布

阅读量237

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/alex1997222/article/details/80904500

版权

8 篇文章 0 订阅

订阅专栏

CSS由选择符和声明符组成,而声名又由属性和值组成,其形式如下所示

选择符{属性:值;}

选择器指明网页中要应用规则样式的元素。

p{font-size:12px;line-height:200%}

CSS中常见的颜色有三种,使用颜色名称,如p{color:green;}

或16位进制值,p{color:#00FF00;}或者RGB值也是可以的p{color:rgb(0,255,0);}

CSS分三种情况与HTML结合使用:

情况1:内联式,直接在HTML标签中通过style调用

<body style="text-align: center;">
    <h1>保护海洋</h1>
    <p>海洋是人类的家园，保护海洋，从我做起。</p>
</body>

情况2:嵌入式

 <style type="text/css">
        h1{
            color:red;
        }
    </style>

直接在head中通过style标签写入,这里的例子是定义所有的h1标签为红色

情况3通过外部文件导入

通过在开头写一个link导入css文件

<link href="style.css" rel="stylesheet" type="text/css">

外部css文件定义法:

p{
    color:blue;
}

CSS的导入优先级:内联式>嵌入式>导入式

优惠劵

关注关注