首页 > 其他分享 >HTML学习笔记3: CSS选择器

HTML学习笔记3: CSS选择器

时间:2024-03-17 14:34:09浏览次数:25  
标签:color 笔记 id HTML 选择器 CSS

CSS选择器


元素选择器

<style>
    p{ color: lightcoral; }
</style>
<!-- 元素选择器: 设置了某个元素(span, p, h1)的样式-->
<p>元素选择器</p>

类选择器

<style>
    .hclass{ color: lightgoldenrodyellow; }
</style>
<!-- 类选择器:   给标签指定一个类-->
<p class="hclass">类选择器</p>

id选择器

<style>
    #hid{ color:lightsalmon; }   
</style>
<!-- id选择器:   给标签指定一个id-->
<p id="hid">id选择器</p>

标签:color,笔记,id,HTML,选择器,CSS
From: https://www.cnblogs.com/HIK4RU44/p/18078543

相关文章

  • HTML学习笔记2: CSS样式
    【HTML】CSS样式设置CSS样式的三种方式行内样式(不推荐)内嵌样式(写在style标签中,可以写在页面各种位置,一般写在head标签中)外联样式写在单独的css文件中,需要通过link在网页中引入行内样式<h1style="color:rgb(66,139,92);">行内样式</h1>内嵌样式<style> ......
  • HTML进阶版(表单标签、语义化标签、字符实体)
    雷迪斯andthe乡亲们 欢迎你们来到奇幻的编程世界  上一篇我们学习了(列表标签、表格标签)让我来回顾一下吧!列表标签无序列表最常用,有序列表偶尔用,自定义列表底部导航用表格标签①表格基本标签:table>tr>td②表格标题和表头单元格标签:table> caption......
  • css简直 恐怖如斯!!! css之前端必知属性!!!
    一、css中实现元素隐藏的几种方法1.opsition:0;        通过透明实现元素隐藏,视觉上隐藏但仍然存在2.display:none;        标签消失,不占页面位置,不显示3.display:block;        独占一行,可设置宽高,块显示二、如何进行元素转换1.    行元......
  • CSS的五种定位方式
    一、静态定位static (1)HTML元素默认情况下的定位方式为static(静态)。 (2)静态定位的元素不受 top、bottom、left和right属性的影响。 (3)position:static;的元素不会以任何特殊方式定位;它始终根据页面的正常流进行定位。二、相对定位relative (1)相对定位相对的是它原......
  • 【Python使用】python高级进阶知识md总结第4篇:静态Web服务器-命令行启动动态绑定端口
    python高级进阶全知识知识笔记总结完整教程(附代码资料)主要内容讲述:操作系统,虚拟机软件,Ubuntu操作系统,Linux内核及发行版,查看目录命令,切换目录命令,绝对路径和相对路径,创建、删除文件及目录命令,复制、移动文件及目录命令,终端命令格式的组成,查看命令帮助。HTTP请求报文,HTTP响应报文......
  • 服务器端jupyter notebook映射到本地浏览器的操作【文章转自https://www.cnblogs.com/
    这篇文章转自主要介绍了服务器端jupyternotebook映射到本地浏览器的操作,做科研经常有这样的需求:即需要借助服务器的计算资源,本地编辑的工程文件需要每次都传到服务器才能运行。jupyter是较好的交互式编辑工具,有没有一种方式可以在jupyter上编辑属于服务器的文件呢?这就引出了我们......
  • Power Apps 人员选择器组件
    前言最近,用户有个需求,是需要开发一个人员选择器组件,这不,安排。正文大家先看看效果,这是用了FluentUI的组件,使用PCF封装的:我觉得这样的方式,还是很好的,因为本身画布应用的组件有限,这样我们可以更加丰富画布应用的组件库。废话也不多说了,有兴趣的就去......
  • Tailwind CSS 使用指南
    0x01概述(1)简介TailwindCSS官网:https://www.tailwindcss.cn/TailwindCSS是一个CSS框架,使用初级“工具”类创建布局如Bootstrap等传统CSS框架,其使用的类通常与组件直接相关;然而,Tailwind则采用了不同的方法,它将类作为工具集合,让用户能够自由组合这些工具来构建个性......
  • 小白解决Win11(Win10)下.html文件默认打开方式无法修改,绑定为IE浏览器 iexplorer.exe
    解决方法按Win+R键,输入regedit,地址栏输入计算机\HKEY_CLASSES_ROOT\IE.AssocFile.HTM\shell\opennew\command双击(默认),将"C:\ProgramFiles(x86)\internetexplorer\iexplore.exe"%1修改成"你的浏览器的路径"%1(英文的双引号不要去掉)OK了如何查找浏览器的路径打开任......
  • HTML常用基础标签:图片与超链接标签全解!
    HTML图片标签和超链接标签是网页开发中常用的两种标签,它们分别用于在网页中插入图片和创建超链接。我们每天都在互联网世界中与各种形式的信息打交道。你是否好奇过,当你点击一篇文章中的图片或链接时,是什么神奇的力量让你瞬间跳转到另一个页面?今天,就让我们一起揭开HTML图片标签......