CSS之常用选择器

灰灰的设计师老爸

于 2020-12-21 20:43:50 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： css

本文链接：https://blog.youkuaiyun.com/chenchen1321/article/details/111484072

笔记专栏收录该内容

25 篇文章

订阅专栏

在这里插入图片描述

CSS使用方式
1、外部导入方式
就是在head标签中使用标签导入一个css文件，在作用于本页面，实现css样式设置

在这里插入图片描述

2、内部方式

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--外部css样式-->
    <link rel="stylesheet" href="./css/my.css">
    <style>
        /*内部css样式*/
        li{color: brown;line-height: 30px;}
    </style>
</head>

3、内联样式

<body>
    <ul >
        <!--内联样式-->
        <li style="color:chartreuse">内联样式表</li>
        <li>222</li>
        <li>333</li>
    </ul>
    <ul type="circle">
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
    <ol>
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ol>
</body>