<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课堂练习</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<div>
<img src="./images/news.png" title="hahahhahahahahahah" alt="找不到该文件">
</div>
<div>
<p id="test"><a href="">营销,品控多次翻车,奥迪早已风光不再</a></p>
<p><a href="">阿里“滚动式”向社会输入人才</a></p>
<p><a href="">netfilx将引入广告订阅模式</a></p>
<p><a href="">爱彼赢的分手:谁都没有错</a></p>
<p><a href="">半导体“砍单风暴”正在来袭</a></p>
</div>
</body>
</html>
CSS部分
/* 样式的书写规范
选择器{
css属性名:css属性值;
。。
}
*/
/*通配符选择器*/
*{
margin: 0;/*外边距*/
padding: 0;/*内边距*/
font-family: 宋体;
font-size: 16px;
}
p{
color: rgb(23, 62, 97);
border: blueviolet;
}
/* 类选择器*/
.big{
font-size: 30px;
}
/*id选择器,id名自己定义*/
#test{
color: black;
font-size: 30px;
}
/*后代选择器*/
p a{
color: blueviolet;
font-size: 24px;
}
/*伪类选择器*/
a{
color: #666;
text-decoration: none;
}
a:hover{
color: red;
text-decoration: underline;
font-size: 20px;
font-family: 'Times New Roman', Times, serif;
}