css标签选择器学习

这篇具有很好参考价值的文章主要介绍了css标签选择器学习。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>div demo </title>
<style>
    div {

       background-color: red;

     }
</style>
</head>
 
<body>
 
<div id="div1" style="width: 100px;height: 100px;border: 3px solid green;">
</div>
<div id="div2" style="width: 200px;height: 100px;border: 3px solid green;">
</div>
<div id="div3" style="width: 200px;height: 150px;border: 3px solid green;">
</div>

</body>
</html>

有三个div;然后在<style></style>中,指定了 

    div {

    ......

     }

这样在这里定义的样式将应用到本页面的所有div上;这是标签选择器,选择了所有的<div>标签;

运行如下;

css标签选择器学习,web前端,css,前端,css选择器

假如在<style></style>中定义,

p{
   font-size:12px;
   background:#900;
   color:090;
}

则样式将应用到本页面所有的<p>元素上;文章来源地址https://www.toymoban.com/news/detail-678379.html

到了这里,关于css标签选择器学习的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【前端寻宝之路】学习和使用CSS的所有选择器

    🌈个人主页: Aileen_0v0 🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法|MySQL| ​ 💫个人格言:“没有罗马,那就自己创造罗马~” 参考链接:CSS选择器参考手册 如果标签一样,但我只想修改其中一个标签的内容格式,此时我们就需要用到:类选择器. ⚠️我们可以通过类选

    2024年03月14日
    浏览(85)
  • css-选择器、常见样式、标签分类

    层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1] CSS 能够对网页中元素位

    2024年02月11日
    浏览(55)
  • 【零基础学web前端】CSS学习,字体属性,文本属性,背景属性,圆角矩形属性

    前言: 大家好,我是 良辰丫 ,在上一篇文章中我们了解了CSS引入方式,CSS基础选择器,CSS复合选择器,今天我们继续学习CSS的相关知识点.💞💞 🧑个人主页:良辰针不戳 📖所属专栏:零基础学web前端 🍎励志语句:生活也许会让我们遍体鳞伤,但最终这些伤口会成为我们一辈子的

    2024年02月05日
    浏览(80)
  • 第45天:标签的分类和重要属性及常用标签、css介绍及选择器

            标签的分类         按 结构 分,html标签可以分为 单标签 和 双标签 。         单标签         由一个标签组成。例如:         双标签         由 开始标签 和 结束标签 两部分构成,例如:         按照 属性 分,标签还可以分为 块级标签 和 行

    2024年02月07日
    浏览(38)
  • [HTML]Web前端开发技术16(HTML5、CSS3、JavaScript )表格课后练习网页标题:域标签的使用网页标题:美家装饰联系我们网页标题:登录界面网页标题问卷调查——喵喵画网页

    希望你开心,希望你健康,希望你幸福,希望你点赞! 最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!! 喵喵喵,你对我真的很重要! 目录 前言 表格课后练习 网页标题:域标签的使用 网页标题:美家装饰联系我们 网页标题:登录界面 网页标题

    2024年01月24日
    浏览(49)
  • [前端系列第2弹]CSS入门教程:从零开始学习Web页面的样式和布局

    在这篇文章中,我将介绍CSS的基本概念、语法、选择器、属性和值,以及如何使用它们来定义Web页面的外观和布局。还将给一些简单而实用的例子,可以跟着我一步一步地编写自己的CSS样式表。 目录 一、什么是CSS 二、CSS的语法 三、CSS的选择器 四、CSS的属性和值 (一)颜色

    2024年02月13日
    浏览(59)
  • a标签css及前端笔记

    a标签中具有开始标签和结束标签; a标签中可以写行内元素、行内块元素、块元素; a标签中如果包裹一张图片(图片属于替换元素,具有行内块元素特点),此时,整个图片可点击,但是a标签的高度仍然相当于是行内元素;但是如果把图片的display改为block,此时,a标签就与

    2024年02月02日
    浏览(35)
  • WEB前端标签的使用

    图片标签 音视频标签 表格标签 超连接标签 列表标签

    2024年01月24日
    浏览(35)
  • 前端三剑客CSS篇——CSS选择器

    CSS是前端三剑客不可忽略的一部分,CSS对前端来说是一个美化页面的工具,而且其功能十分强大,程序员可以如果熟练运用的话可以‘随心所欲’的更改页面的样式,使得页面更加美观。 CSS标签是由 键值对 的模式来排列的。 CSS三大特征👍 学习CSS之前,先认识一下CSS的三大

    2024年02月04日
    浏览(47)
  • 前端 | (二)各种各样的常用标签 | 尚硅谷前端html+css零基础教程2023最新

    学习来源 :尚硅谷前端html+css零基础教程,2023最新前端开发html5+css3视频 系列笔记 : 【HTML4】(一)前端简介 【HTML4】(二)各种各样的常用标签 【HTML4】(三)表单及HTML4收尾 【CSS2】(四)CSS基础及CSS选择器 【CSS2】(五)CSS三大特性及常用属性 【CSS2】(六)CSS盒子模型

    2024年02月16日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包