基础复习

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>基础复习</title>
<!-- head中css样式控制body中显示标签 -->
<style type="text/css">
/*通过选择器控制对应标签*/
/*选择器的各种分类*/
/*选择器的组合与优先级*/
.d1 {
width: 200px;
height: 200px;
background-color: red
}
/*文本*/
.d1 {
font: 700 50px/200px "STSong", "微软雅黑";
text-align: center;
color: #d0f;
letter-spacing: 10px
}
/*边框*/
.d1 {
border: solid orange 7px;
}
/*边界圆角*/
.d1 {
border-radius: 10px 20px 30px / 40px 50px;
}
/*背景*/
.d1 {
background: url('img/alert.png') no-repeat center center red;
}

</style>
</head>
<body>
<!-- 常用标签 -->
<!-- 功能性标签 -->
<!-- 标签架构 -->
<div class="d1">文本</div>
</body>
</html>

posted @ 2018-09-25 17:01  不沉之月  阅读(61)  评论(0编辑  收藏  举报