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

╰半夏微凉° 2021-10-01 07:08 305阅读 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 条评论，305人围观）

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

相关阅读

相关【JavaEE初阶】 CSS的引入方式和选择器

文章目录 * ?CSS是什么？ * ?CSS基础语法规范 * ?引入方式 * * ?内部样式表 * ?行内样式表 ...

朱雀/ 2024年04月17日 10:44/ 0 赞/ 62 阅读

相关 CSS的三种引入方式分享

CSS有三种引入方式： 1. 外部样式表：通过<link>标签引入外部样式表文件，如： <head> <link rel="

ゝ一世哀愁。/ 2024年03月24日 22:09/ 0 赞/ 69 阅读

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

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

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

相关 css 引入方式以及css的选择器

一、css的引入方式: 1.行内样式 <div> <p style="color: red">我是一个段落</p> </div> 2.内接样式

r囧r小猫/ 2023年06月03日 14:57/ 0 赞/ 17 阅读

相关 CSS的三种基础选择器

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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