11 CSS的三种引入方式和基本选择器

╰半夏微凉° 2021-10-01 07:08 293阅读 0赞

<!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>CSS的三种引入方式和基本选择器</title>
        <style>
            /*CSS样式优先级：行内样式 1000 > id选择器 100 > 类选择器010 > 标签选择器 001*/
            
            /*标签选择器*/
            div{
         
                color:#ff6700;
            }
            /*id选择器*/
            #box{
         
                color: red;
            }
            /*类选择器*/
            .box{
         
                color: chartreuse;
                font-size: 30px;
            }
            .active{
         
                color: cadetblue;
            }
        </style>
    
    </head>
    <body>
        <div class="box active" id="box">马玉刚</div>
        <div class="box">李苹</div>
    </body>
    </html>

转载于:https://www.cnblogs.com/mayugang/p/10251313.html

发表评论取消回复

表情：

评论列表（有 0 条评论，293人围观）

还没有评论，来说两句吧...

相关阅读

相关前端css引入方式与选择器

CSS介绍　　CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。　　当浏览器读到一个样式表

╰+哭是因爲堅強的太久メ/ 2023年08月17日 17:18/ 0 赞/ 111 阅读

相关 CSS基本选择器

CSS样式表中的每条规则都有两个主要部分：选择器和声明块。选择器决定哪些元素受到影响，声明块由一个或多个属性/值组成。声明块内的每条声明都是由一个冒号隔开、以分号结

青旅半醒/ 2023年07月04日 11:04/ 0 赞/ 8 阅读

相关 CSS的三种基础选择器

CSS中三种最基本的选择器：标签选择器类选择器 ID选择器标签选择器一个 HTML 页面是通过很多标签组成的，CSS 标签选择器就是用来声明

ゞ浴缸里的玫瑰/ 2022年12月30日 13:58/ 0 赞/ 130 阅读

相关【css】css的三种引入方式

1.行内式  <div style="width: 100px;height: 50px;backgr

约定不等于承诺〃/ 2022年11月26日 08:39/ 0 赞/ 231 阅读

相关 HTML引入css样式的三种方式，css选择器的三种样式

文章目录前言一. css样式的三种方式第一种：内联定义方式第二种：样式块

青旅半醒/ 2022年10月05日 00:53/ 0 赞/ 241 阅读

相关前端css三种使用方式和css基本语法

第一种使用方式（内联样式表）：  <p style="color:red;font-size:70px;">

╰+哭是因爲堅強的太久メ/ 2022年08月31日 09:58/ 0 赞/ 166 阅读

相关 CSS的基本选择器和扩展选择器

1.CSS与html的4种结合方式 (1)每个html标签上的属性style 示例 <html> <head> <

素颜马尾好姑娘i/ 2022年08月03日 11:50/ 0 赞/ 243 阅读

相关 CSS3 选择器——基本选择器

[CSS的选择器][CSS]，我想大家并不会陌生吧，因为天天在使用，但对于[CSS3的选择器][CSS]，要运用的灵活到位，我想对很多朋友还是一定的难度，特别是CSS3中的:n

我就是我/ 2022年06月10日 05:24/ 0 赞/ 423 阅读

相关 Day3 CSS 引入及基本选择器

一、CSS 层叠样式表，为了使网页元素的样式更加丰富，内容与样式拆分开来。 HTML负责结构与内容，表现形式交给CSS。 CSS注释 /\\/ 来注释二、CS

小灰灰/ 2021年11月02日 11:06/ 0 赞/ 248 阅读

相关 11 CSS的三种引入方式和基本选择器

<!-- 整体说明： 1.CSS的三种引入方式（1）行内样式（2）内接样式（3）外接样式 2.CSS的基本选择器

╰半夏微凉°/ 2021年10月01日 07:08/ 0 赞/ 294 阅读