<style>
div{width: 100Px; height: 100px;
background-color: red;
background-image: url();
background-repeat: no-repeat;}/* 这是背景图片，选择背景图片会默认将div占满 */
/* background-repeat: no-repeat背景只出现一次，不会多出 repeat-x就是在x轴重复 */
/* background-position: 10px 20px 可以选择图片位置 background： position left center 左边居中 background:left position bottom是指下面 还可以用 background: position 50%这样的百分数选择位置，这个50%是指div高度的一般 background: position center center 也是中间*/
div{width: 200px;height: 200px; background-color: red; background:left position bottom ;}/* 元素就是盒子模型组成的 */
</style>
<!-- background是个复合属性，里面的可以写在一起 -->
</head>
<body>
<!-- 图片后有文字使用这个vertical-align:middle -->
<!--去掉li身上的小黑点list-style-type:none -->
<!-- color：rgb（） qq截图，ctrl+alt+a然后再按住c键。就可以复制目标色号 或者再按住ctrl+c也可以直接复制 -->
<!-- *表示通配符，代表所有的标签。margin:0 padding:0可以去除额外空格 -->
<!-- ul li 表示ul下面的所有li元素 -->
<!-- height=XX line heigjt=xx -->
<!--text ident 缩进-->
<!-- 盒子 -->
