<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
em,
strong,
span{
background-color: red;
}
.qaq{
width: 0px;
height: 0px;
border: 200px solid transparent;
border-bottom-color: red;
border-left-color: red;
}
</style>
</head>
<!-- 畫一個三角形 -->
<div class="qaq"></div>
<!-- <em>1</em>
<strong>2</strong>
<span>3</span> -->
<!-- <div class="Div" id="idDiv">
<P class="classP" id="idP">1</P>
</div> -->
<!-- <div class="wrapper">
<div class="content">
<em class="box" id="only">1</em>
</div>
</div>
-->
<!-- <body>
<div>
<strong>
<em>234</em>
</strong>
<em>22</em>
</div>
<div>
<span>2421</span>
</div> -->
<!-- <section>
<div>
<p>
<a href="">
<span></span>
</a>
</p>
<ul>
<li>
<a href="">
<span>
<em>1</em>
</span>
</a>
<p></p>
</li>
<li></li>
</ul>
</div>
<a href="">
<p>
<em>2</em>
</p>
<div></div>
</a>
</section> -->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
div{
border:1px solid black;
text-align: left;
height: 200px;
line-height: 20px;
text-indent: 2em;
}
a{
text-decoration: none;
}
a:hover{
background-color: orange;
color: #fff;
border-radius: 10px;
font-weight: bold;
font-family: arial;
text-decoration: underline;
}
span{
width: 50px;
height: 50px;
display: block;
background-color: rgb(0,0,238);
}
.qaq{
display: inline;
width: 100px;
height: 100px;
background-color: blue;
}
img{
width: 100px;
height: 200px;
}
</style>
</head>
<body>
<div>因新冠肺炎疫情,學校延期開學。在家時間不浪費,提高技能好機會。阿里雲彈性計算聯合開發者社區,推出高校“在家實踐”計劃,全國高校學生,每人可免費領取一臺雲服務器ECS算力資源,在線實踐課程等資源。</div>
<!--
<del>原價50元</del>
<span>原價50</span>
<a href="www.baidu.com">www.baidu.com</a>
<div class="qaq">123123</div> -->
<img src="https://bkimg.cdn.bcebos.com/pic/54fbb2fb43166d22ca0c87944a2309f79052d2b3?x-bce-process=image/resize,m_lfit,w_268,limit_1/format,f_jpg"><img src="https://bkimg.cdn.bcebos.com/pic/54fbb2fb43166d22ca0c87944a2309f79052d2b3?x-bce-process=image/resize,m_lfit,w_268,limit_1/format,f_jpg"><img src="https://bkimg.cdn.bcebos.com/pic/54fbb2fb43166d22ca0c87944a2309f79052d2b3?x-bce-process=image/resize,m_lfit,w_268,limit_1/format,f_jpg"><img src="https://bkimg.cdn.bcebos.com/pic/54fbb2fb43166d22ca0c87944a2309f79052d2b3?x-bce-process=image/resize,m_lfit,w_268,limit_1/format,f_jpg">
<!-- 凡是帶有inline的元素,都有文字特性 -->
<!-- 1.行級元素、內聯元素 inline
span strong em del a
feature : 內容決定元素所佔位置
不可以通過css改變寬高
2.塊級元素 block
div p ul li ol form address
feature : 獨佔一行
可以通過css改變寬高
3.行級塊元素 inline-block
img
feature : 內容決定大小
可以改寬高
-->
</body>
</html>