1.css引入方式
- 行内样式：
- 内嵌样式：
eg:
<html>
<head>
<title>新闻</title>
<style>
h1{
color: brown;
}
</style>
</head>
<body>
<img src="55a5bd46d103204cbde397e6ae795044.jpg" width="160" height="90">
<h1>新闻</h1>
<hr>
2023年4月24日
<hr>
</body>
</html>
1.标签：一行可以显示多个，高度和宽度默认有内容撑开
2.css选择器
元素选择器：标签名{...}
id选择器：#id属性值{...}
类选择器：.class属性值{...}
优先级：id选择器》类选择器》元素选择器
3.css属性
color：设置文本颜色
font-size：设置字体大小（加px）
点击查看代码
<html>
<head>
<title>新闻</title>
<style>
h1{
color: brown;
}
.cls{
color: aquamarine;
}
#wz{
font-size: 20px;
color: blue;
}
</style>
</head>
<body>
<img src="55a5bd46d103204cbde397e6ae795044.jpg" width="160" height="90">
<h1>新闻</h1>
<hr>
<span class="cls">2025年1月18日</span> <span id="wz">新闻网</span>
<hr>
</body>
</html>
点击查看代码
<html>
<head>
<title>新闻</title>
<style>
h1{
color: brown;
}
.cls{
color: aquamarine;
}
a{
color: blue;
text-decoration: none;
}
</style>
</head>
<body>
<img src="55a5bd46d103204cbde397e6ae795044.jpg" width="160" height="90">
<img src="img/new_logo.png"><a href="http://gov.sina.com.cn/" target="_self">新浪政务</a>>正文
<h1>新闻</h1>
<hr>
<span class="cls">2025年1月18日</span> <span><a href="http://gov.sina.com.cn/" target="_blank" >新闻</a></span>
<hr>
</body>
</html>