CSS(1)——如何使用css选择器

CSS(Cascading Style Sheet)层叠样式表,它可以用来美化我们的页面
它有三中引用方式,如下:
(1)直接在标签里面引用(我们一般不用这个方法),也就是我前面发的一篇博客中如下的代码段:

<td style="border:1px solid greenyellow">python</td>

这个style相当于在td标签中直接引用。
(2)在head标签里加入style标签,语法格式为选择器{xx:xx;
xx:xx;}
其中,xx代表的是样式规则。

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a{
     
     color: green;}
    </style>
</head>
<body>
    <a href="www.baidu.com">www.baidu.com</a>
</body>

在这里插入图片描述
(3)将css代码写在另外一个.css的文件中,再从.html文件中引入,需要用到link标签

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="选择器外链.css">
</head>
<body>
    <a href="www.baidu.com">www.baidu.com</a>
</body>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_48445640/article/details/108902126
今日推荐