当前位置: 首页 > news >正文

HTML-03.新浪新闻-标题-样式2

1.<span>标签

        <span>是一个在开发网页时大量使用的没有语义的布局标签

        特点:一行可以显示多个(行内组合元素),宽度和高度默认由内容撑开

2.CSS选择器

       2.1 元素选择器:标签名{...}

                元素名称{

                    color:red;

                }

       2.2 id选择器:#id属性值{...}

                #id属性值{

                    color:red;

                }

       2.3 类选择器:.class属性值{...}

                .class属性值{

                    color:red;

                }

        优先级:id选择器 > 类选择器 > 元素选择器

3.CSS属性

       color:设置文本颜色

       font-size:字体大小(注意:记得加px)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>焦点访谈:中国底气 新思想夯实大国粮仓_新浪新闻</title><!-- 1.<span>标签 <span>是一个在开发网页时大量使用的没有语义的布局标签特点:一行可以显示多个(行内组合元素),宽度和高度默认由内容撑开2.CSS选择器2.1 元素选择器:标签名{...}元素名称{color:red;}2.2 id选择器:#id属性值{...}#id属性值{color:red;}2.3 类选择器:.class属性值{...}.class属性值{color:red;}优先级:id选择器 > 类选择器 > 元素选择器3.CSS属性color:设置文本颜色font-size:字体大小(注意:记得加px)--><style> h1 {color: #4D4F53;}/* 元素选择器span {color:#8897BA;} *//* id选择器#time {color: #8897BA;} *//* 类选择器 */.cls {color: #8897BA;font-size: 16px;}</style>
</head>
<body><img src="./img/news_logo.png" > 新浪政务>正文<h1>  焦点访谈:中国底气 新思想夯实大国粮仓</h1><hr><span id="time" class="cls">2023年03月02日 21:50</span> <span>央视网</span><hr>
</body>
</html>

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Arco Design 之Table表格
  • 【医学影像】无痛安装mamba
  • 字节实习面试
  • 【Qt】如何搭建Qt开发环境
  • C# Deconstruct详解
  • 安卓App开发 篇一:从零开始构建第一个Android应用
  • Java 抽象知识笔记总结(油管)
  • C++:模板初阶与STL简介
  • RabbitMQ 什么语言写的
  • 6 大推荐给开发者的无代码工具
  • Linux驱动开发—设备树传递给内核,匹配驱动过程分析
  • Java多线程-----定时器(Timer)及其实现
  • C++ 异常
  • 基于树莓派的智能家居中控系统:集成Flask、HTML、JavaScript与MQTT协议的文心一言AI接入(代码示例)
  • c语言11天笔记
  • 【译】JS基础算法脚本:字符串结尾
  • Apache的80端口被占用以及访问时报错403
  • avalon2.2的VM生成过程
  • create-react-app项目添加less配置
  • Fastjson的基本使用方法大全
  • Java 23种设计模式 之单例模式 7种实现方式
  • java第三方包学习之lombok
  • Java读取Properties文件的六种方法
  • leetcode-27. Remove Element
  • Mocha测试初探
  • Spark学习笔记之相关记录
  • ViewService——一种保证客户端与服务端同步的方法
  • vue脚手架vue-cli
  • yii2权限控制rbac之rule详细讲解
  • 案例分享〡三拾众筹持续交付开发流程支撑创新业务
  • 从零开始的无人驾驶 1
  • 工作手记之html2canvas使用概述
  • 计算机在识别图像时“看到”了什么?
  • 看域名解析域名安全对SEO的影响
  • 前端学习笔记之观察者模式
  • 系统认识JavaScript正则表达式
  • 长三角G60科创走廊智能驾驶产业联盟揭牌成立,近80家企业助力智能驾驶行业发展 ...
  • 交换综合实验一
  • ​ 全球云科技基础设施:亚马逊云科技的海外服务器网络如何演进
  • ​queue --- 一个同步的队列类​
  • ​比特币大跌的 2 个原因
  • # Spring Cloud Alibaba Nacos_配置中心与服务发现(四)
  • # windows 运行框输入mrt提示错误:Windows 找不到文件‘mrt‘。请确定文件名是否正确后,再试一次
  • ###项目技术发展史
  • #Z0458. 树的中心2
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • (2022版)一套教程搞定k8s安装到实战 | RBAC
  • (2024,Vision-LSTM,ViL,xLSTM,ViT,ViM,双向扫描)xLSTM 作为通用视觉骨干
  • (39)STM32——FLASH闪存
  • (android 地图实战开发)3 在地图上显示当前位置和自定义银行位置
  • (ctrl.obj) : error LNK2038: 检测到“RuntimeLibrary”的不匹配项: 值“MDd_DynamicDebug”不匹配值“
  • (Mac上)使用Python进行matplotlib 画图时,中文显示不出来
  • (Redis使用系列) Springboot 使用redis实现接口Api限流 十
  • (二十六)Java 数据结构
  • (附源码)计算机毕业设计SSM基于健身房管理系统