CSS学习笔记之HTML选择器

最新推荐文章于 2022-07-01 21:11:35 发布

秋忆夏伤

最新推荐文章于 2022-07-01 21:11:35 发布

阅读量253

点赞数

本文链接：https://blog.csdn.net/qq_29331365/article/details/52471421

版权

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        p {
            background-color:green;
            font-size:x-large;
            width:300px;
        }
        del{
            background-color:blue;
            font-size:xx-large;
            width:300px;
        }
        h1,h2,h3,h4,h5,h6{
            background-color:red;
            width:300px;
        }
    </style>
</head>
<body>
    
    <!-- 选择器：帮助我们获取页面上要设置样式的元素。-->

    <p>今天天气好晴朗，处处好风光</p>
    <p>今天天气好晴朗，处处好风光</p>
    <del>今天天气好晴朗，处处好风光</del><br/>
    <del>今天天气好晴朗，处处好风光</del>
	
	<h1>我是标题1</h1>
	<h2>我是标题2</h2>
	<h3>我是标题3</h3>
	<h4>我是标题4</h4>
	<h5>我是标题5</h5>
	<h6>我是标题6</h6>
</body>
</html>

页面效果：