CSS基本介绍及编写方法

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的导入优先级:内联式>嵌入式>导入式


猜你喜欢

转载自blog.csdn.net/alex1997222/article/details/80904500