<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*清除默认样式*/
*{
margin: 0;
padding: 0;
}
/*统一页面中的字体*/
body{
/*设置字体大小为12px,一倍行高,宋体*/
font: 12px/1 宋体;
}
/*设置outer的大小*/
.outer{
width: 300px;
/*height: 473px;*/
/*background-color: #bfa;*/
margin: 50px auto;
}
/*设置title的样式*/
.title{
/*设置上边框的样式*/
border-top: 2px solid #019e8b;
/*设置盒子的高度*/
height: 36px;
/*设置背景颜色*/
background-color: #f5f5f5;
/*要让元素垂直居中显示,可设置title的行高等于盒子的高度,即子元素的高度等于父元素的高度*/
line-height: 36px;
HTML+CSS网页练习(1)
最新推荐文章于 2024-07-12 16:38:52 发布