css样式

        我们知道网页是由结构、样式、行为相组合而成。其中样式就是css。下面介绍一下有关css的引用样式。

css (cascading style sheet)称为层叠样式表


首先css引用可以有三种形式:

1、行间样式

  例如:

 <p style="color:red;">我是行间样式。</p>

效果如下:

2、页面级样式

把css写在head标签内

例如:

<head>
    <meta charset="UTF-8">
    <title>css</title>
    <style>
   p{
       color:green;
       font-size:20px;
       font-weight:100px;
   }
    </style>
</head>
<body>
    <p>我是页面级样式。</p>
</body>

效果如下:


3、外部css文件

用link标签引入

例如:

<head>
    <meta charset="UTF-8">
    <title>css</title>
    <link rel="stylesheet" href="1.css">
</head>
<body>
    <p>我是外部css文件。</p>
</body>
p{
    background-color:blue;
    
}

效果如下:





猜你喜欢

转载自blog.csdn.net/qq_41713692/article/details/79495858