您的位置：首页 > Web前端 > CSS

认识css布局模式（流动模式下的块状元素和内联元素）

2016-10-04 14:02 337 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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">
.first{text-indent:2em;
letter-spacing:2px;}
h1{text-align:center;}

h1,p{ border:5px solid #000;
padding:10px;
margin:10px;
}
</style>
</head>

<body>
<div id="box1">
<h1>勇气</h1>
<p class="first">
三年级的时候，我还是一个胆小如鼠的小女孩，上课从来不敢回答老师的问题。生怕回答错了老师会批评我，所以一直没有勇气坏老师提出的问题。学校举办的活动我也很少参加。三年级下学期，我们班上上了一节公开课，老师提了一个很简单的问题，很多人都举手回答，甚至有很多成绩比我差的。我看了一下周围，就我没有举手。
</p>
</div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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">
a:hover{color:#F00;}
span:hover{color:#0F0;}
em:hover{color:#FF0;}
strong:hover{color:#0FF:}

</style>
</head>

<body>
<a href="http://www.baidu.com">百度一下，你就知道</a>    
<span>我最喜爱的歌手：</span>
<em>权志龙</em>
<strong>李易峰</strong>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航