2019-01-24day4学习总结
2019-01-24 本文已影响0人
Little茂茂
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*1.文本相关属性*/
/*字体大小font-size*/
p{
font-size:40px ;
}
/*2.字体颜色color*/
p{
color: cadetblue;
}
/*字体名：*/
p{
font-family: "黑体";
}
/*字体的宽度：*/
/*取值：100-900（100-700之间不断加粗）*/
/*bolder/bold/normal*/
p{
font-weight: 100;
}
/*字体倾斜：font-style：*/
/*italic/oblique - 倾斜*/
p{
font-style: italic;
}
/*内容水平方向对齐方式：text-align*/
/*left-左对齐*/
/*right-右对齐*/
/*center-居中*/
p{
background-color: brown;
height:100px ;
text-align: left;
}
div{
text-align: right;
}
/*文字行高：line-height*/
/*设置标签中每一行内容的高度，可以通过设置行高和标签的高度一样来让标签中的内容在垂直方向上居中*/
p{
line-height:60px ;
}
/*文字修饰：*/
/*overline - 上划线*/
/*underline - 下划线*/
/*line-through - 删除线*/
/*none - 去掉文字修饰*/
a{
text-decoration: none;
}
/*首行缩进*/
/*text-indent:2em*/
/*p标签有效*/
/*字间距*/
/*letter-spacing:3px*/
/*每个文字之间的间隙*/
/*2.列表相关属性*/
/*list-style-type:disc(实心圆)/circlr(空心圆)/square(实心方块)/none(去掉列表前的图标)*/
/*使用图片作为列表符号*/
/*图片通过url来导入*/
/*list-style-image:url(图片地址)*/
/*符号位置*/
/*list-style-position:outside（外面）/inside（里面）*/
/*去掉符号*/
/*list-style:none*/
/*3.背景相关*/
/*background-image:url()*/
/*平铺*/
/*background-repeat:no-roeat(不平铺)/repeat(平铺)/repeat-x(x方向平铺)/repeat-y(y方向平铺)*/
/*设置背景图位置*/
/*background-position:x y*/
/*x-left/right/center/数值*/
/*y-left/right/center/数值*/
/*背景缩写*/
/*background:图片地址 是否平铺 x y 背景颜色；*/
</style>
</head>
<body>
<p>我是段落空间发客服哈家联合开发哈克龙喝咖啡half还未发礼物为恢复全国范围可区分hi无后期复合物为官方网规划111哈哈服噶尔卡机喝咖啡和哦哈客户端尽量快点哈覅孤儿网发卡机嗯咯强迫荔湾区诶符号给我空间和单位可分割11111</p>
<div id=""style="text-align: center;background-color: #5F9EA0;">
<a href="">百度1</a>
<a href="">百度2</a>
</div>
</body>
</html>
