美文网首页
css--导入方式、选择器

css--导入方式、选择器

作者: 何以解君愁 | 来源:发表于2022-06-25 19:06 被阅读0次
①内联样式:在标签内部使用style属性,属性值是css属性键值对
<div style="color:red">Hello CSS~</div>
②内部样式:定义<style>标签,在标签内部定义css样式
<style type="text/css">
    div{
        color:red;
    }
</style>
③外部样式:定义link标签,引入外部的css文件
<link rel="stylesheet" href="demo.css">
demo.css:
div{
    color:red;
}
css选择器:
①元素选择器
元素名称{color:red;}        div{color:red;}
②id选择器
#id属性值{color:red;}  #name{color:red;}
            <div id="name">hello css</div>
③类选择器
.class属性值{color:red;}   .cls{color:red;}
            <div class="cls">hello css2</div>

相关文章

  • css--导入方式、选择器

  • css基础语法

    本文主要内容 1.html导入css的三种方式 分为内联方式、嵌入方式、外联方式。 2.css的选择器 分为id选...

  • ESRI JS API随项目部署方法

    <%--1、api复制到项目中,第一步先导入样式css--%> <%--2、api复制到项目中,第二步设置doj...

  • CSS--选择器 伪类

    1.标签选择器 eg:div {color : red;} 2.类选择器 eg: .box{color : red...

  • 【JavaScript】浏览器中导入导出excel

    导入excel 确保导入了xlsx模块,将文件选择器的change事件添加handleFilePickerChan...

  • scss 笔记

    1、变量 2、嵌套(&,群组嵌套) 3、选择器(+,>,~) 4、导入scss文件 5、嵌套导入 6、原生css导...

  • 【第65天】css基础汇总

    1 css语法 2 css导入样式 3 css选择器 3-1 基本选择器 3-2 组合选择器 3-3 分组和嵌套 ...

  • H5 CSS JS

    选择器 css选择器有五种 选择器是一种选择方式,选中想要的元素的方式,叫选择器,有很多选择器,但是目的都一样 元...

  • CSS引入方式与选择器

    1.引入方式2.选择器3.高级选择器4.属性选择器5.伪类选择器6.伪元素选择器 1.引入方式 1.1. 行内样式...

  • 无标题文章

    jsp-->js/css-->action-->service-->serviceimplements-->dao...

网友评论

      本文标题:css--导入方式、选择器

      本文链接:https://www.haomeiwen.com/subject/saygvrtx.html