三,CSS选择器

作者: 好多可乐 | 来源:发表于2020-12-14 00:06 被阅读0次
作用:

选择(找到)需要添加样式的位置

常用选择器:
  • 标签选择器
  • 类选择器
具体使用:
  1. 定义类选择器:<p class="xxx">
  2. 引用类选择器:.xxx{}
  3. 引用标签选择器:p{}
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
   /**引用标签选择器*/
    p{
        background-color: red;
        font-size: 40;
    }
  /**引用类选择器*/
    .p1{
        font-family: 隶书;
    }
</style>
</head>
    <p>http://www.imooc.com</p>
    /**定义*/
    <p class="p1">慕课网</p>
</body>
</html>

相关文章

  • CSS学习笔记

    css学习笔记 在html引入css的三种方式 css选择器 伪选择器 选择器的组合 伪类选择器 选择器的优先规则...

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • 前端之路——笔记(基础css)

    学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...

  • 前端之路——笔记(基础css)

    学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

  • CSS基础

    CSS语法 selector{property:value}1.CSS选择器选择器主要分为三种元素选择器:通过标签...

  • CSS选择器

    css选择器 CSS选择器可以简单分为三类:简单选择器、伪元素选择器、组合选择器 简单选择器 标签选择器 标签选择...

  • 类选择器 ID选择器 后代选择器 子元素选择器 交集选择器 并集

    一、类选择器.类选器名称{css样式代码;} 二、ID选择器。 ID选择器名称{css样式代码;} 三、后代选择器...

  • JAVAWEB总结2_CSS JS

    CSS CSS的三种常用选择器:标签选择器、id选择器、class选择器,通过选择器来改变dom节点的样式。 JS...

  • Python -day-21常用标签及CSS

    一、表单标签 二、空白标签 三、认识CSS 四、CSS选择器 五、伪类选择器

网友评论

    本文标题:三,CSS选择器

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