<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*-----背景相关的----*/
#d1{
height: 300px;
/*背景图*/
/*如果背景图大于盒子的大小，背景图能显示多少就显示多少*/
/*如果北京图小于盒子的大小，就会平铺(重复显示)*/
background-image: url(img/images/logo.png);
/*2，设置是否平铺*/
background-repeat: no-repeat;
/*3.设置背景图片的位置*/
/*
background-position:x y
x：left/center/right
y:left/center/right
* */
background-position: center right;
/*4.同时设值*/
/*background: 图片地址 是否重复 x y;*/
/*background: 图片地址 是否重复 x y 背景颜色;*/
background: url(img/images/pygame.png) no-repeat center left ;
}
/*------列表------*/
/*选择器为列表/li都可以*/
ul{
/*1.设置符号样式*/
/*disc-实心圆 circle-空心圆 qquare-实心方块 none-去掉列表符号*/
list-style-type:none;
/*2.设置图片的符号*/
list-style-image: url(img/images/icon.ico);
/*3.设置符号的位置*/
/*outside(li标签的外边)，inside(li标签的里面)*/
list-style-position: outside;
}
/*-------文字相关-------*/
p{
/*1.设置字体大小*/
font-size: 50px;
/*2.设置颜色*/
color: coral;
/*3.设置字体名*/
font-family: "微软雅黑";
/*文字加粗*/
/*4.设置字体粗细*/
/*取值是100-900*/
font-weight: 900;
/*5.文字倾斜*/
font-style:italic;
/*6.内容的对其方式 }*/
text-align: center;
background-color: aqua;
/*7.设置行高*/
/*文字一行的高度(当文字只有一行的时候设置行高和标签的高度一样，可以让文字垂直居中)*/
height: 500px;
line-height: 200px;
/*6.文字修饰*/
/*none：去掉修饰
underline：去掉下划线
line-through:添加删除线
overline：添加上划线
* */
text-decoration: line-through;
/*8.首行缩进*/
/*注意单位是em--空格的意思*/
text-indent: 4em;
/*10.字间距*/
letter-spacing: 1px;
</style>
</head>
<body>
<div id="d1">
</div>
<ul >
<li>python</li>
<li>h5</li>
<li>java</li>
<li>测试</li>
</ul>
<p>君不见黄河之水天上来，</br>奔流到海不复回。</p>
</body>
</html>
day4-其他简单css属性
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 其他CSS属性与层叠上下文 z-index 值不为auto的flex项（父元素display:flex|inlin...
- 第一组：姚成栋 SVN文件夹中不显示小红点小黄点解决方案 见群附件visualSVN.Core.l.dll 第二...
