徐志摩题要求:
•使用外部引入CSS样式的方式为网页设置样式 •标题使用<h3>标签,其他文本均放在段落标签<p>中 •使用标签选择器设置标题h3的字体颜色为#ddf111 •使用ID选择器设置p段落的文字,字体为18px,颜色为#0000ff •使用类选择器设置三张图片的宽度为200px,高度为150px
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>徐志摩题</title>
<link rel="stylesheet" href="xuzhimo.css"type="text/css">
</head>
<body>
<div style="border: 1px solid black; width: 600px;height: 650px;box-shadow: black 1.5px 1.5px;margin: 0px;">
<h3 style="margin-top:0px ;">徐志摩</h3>
<p id="p">徐志摩(1897年1月15日—1931年11月19日),浙江嘉兴海宁缺石人,
现代诗人、散文家。原名章,字楹森,留学英国时改名志摩。<br>
1915年毕业于杭州一中,先后就读于上海沪江大学、天津北洋大学和北京大学。<br>
1921年赴英国留学,入剑桥大学当特别生,研究政治经济学。<br>
1926年任光华大学、大夏大学和南京中央大学教授。<br>
1931年11月19日因飞机失事罹难。代表作品有《再别康桥) 《翡冷翠的一夜》。<br>
</p>
<h3>主要作品</h3>
<img class="sizastyle" src="img/xuzhimo1.webp" alt="徐志摩全集">
<img class="sizastyle" src="img/1589.webp" alt="再别康桥">
<img class="sizastyle" src="img/123456.jpg" alt="翡翠的那一夜">
</div>
</body>
</html>
CSS
h3{
color: #ddf111;
font-size: 40px;
}
#p{
font-size: 18px;
color: #0000ff;
}
.sizastyle{
width: 150px;
height: 200px;
}
效果图: