HTML-02.新浪新闻-标题-样式1

一、颜色表示形式:

1.关键字 预定义的颜色名 red,green,blue

2.rgb表示法 红绿蓝三原色,每项取值范围0-255 rgb(0,0,0)、rgb(255,255,255)、rgb(255,0,0)

3.十六进制表示法 #开头,将数字转换成十六进制表示 #000000、#ff0000、#cccccc,简写:#000、#ccc

二、CSS引入方式:

1.行内样式:写在标签的style属性中(不推荐) <h1 style="xxx: xxx; xxx: xxx"></h1>

2.内嵌样式:写在style标签中(可以写在页面的任何位置,但通常约定写在head标签中)

3.外联样式:写在一个单独的.css文件中(需要通过link标签在网页中引入)

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>焦点访谈:中国底气 新思想夯实大国粮仓_新浪新闻</title>
    <!-- 颜色表示形式:
    1.关键字                 预定义的颜色名                                red,green,blue
    2.rgb表示法              红绿蓝三原色,每项取值范围0-255                rgb(0,0,0)、rgb(255,255,255)、rgb(255,0,0)
    3.十六进制表示法          #开头,将数字转换成十六进制表示                #000000、#ff0000、#cccccc,简写:#000、#ccc -->
    <style>
        h1 {
            color: #4D4F53;
        }
    </style>
<!--     <link rel="stylesheet" href="css/news.css"> -->
</head>
<body>
  <!--   CSS引入方式:
    1.行内样式:写在标签的style属性中(不推荐)  <h1 style="xxx: xxx; xxx: xxx"></h1>
    2.内嵌样式:写在style标签中(可以写在页面的任何位置,但通常约定写在head标签中)  
    3.外联样式:写在一个单独的.css文件中(需要通过link标签在网页中引入) -->
    <img src="./img/news_logo.png" > 新浪政务>正文
    <h1>  
        焦点访谈:中国底气 新思想夯实大国粮仓
    </h1>
    <hr>
    2023年03月02日 21:50 央视网
    <hr>
</body>
</html>
相关推荐
恋猫de小郭2 分钟前
Google I/O Extended :2025 Flutter 的现状与未来
android·前端·flutter
江城开朗的豌豆5 分钟前
Vue-router方法大全:让页面跳转随心所欲!
前端·javascript·vue.js
程序员爱钓鱼15 分钟前
Go语言泛型-泛型约束与实践
前端·后端·go
前端小巷子17 分钟前
web从输入网址到页面加载完成
前端·面试·浏览器
江城开朗的豌豆17 分钟前
Vue路由动态生成秘籍:让你的链接'活'起来!
前端·javascript·vue.js
晓得迷路了18 分钟前
栗子前端技术周刊第 88 期 - Apache ECharts 6.0 beta、Deno 2.4、Astro 5.11...
前端·javascript·echarts
江城开朗的豌豆23 分钟前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆24 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆24 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js
江城开朗的豌豆25 分钟前
Vue路由守卫全攻略:给页面访问装上'安检门'
前端·javascript·vue.js