已采纳回答 / 给力哥
我详细看了下原代码，这章主要讲的的是相对定位，box3是box4的父元素，所以box4是以box3为参照物进行定位的。第一种情况，相对定位主要以top、bottom、left、right来进行偏移，在不写的情况下，其值默认为auto，浏览器会按照自己的规则对其进行定位；第二种情况，你加上了top：100%，这就代表box4顶部偏移box3的高度，而box3的高度就是图片的高度，所以会显示紧贴着图片的效果；第三种情况，bottom:0;，这就代表box4底部偏移0，box4是box3的子元素，box3的底部...
2018-04-24
已采纳回答 / 给力哥
我看了下源代码，这种写法并没有错container是div的类名，.container{text-align:center;}这个代码意思是div里面元素居中，根据继承原则，div里的子元素也会居中，也就是 ul , li 都会居中，display:inline;是改变块级元素为行内元素，这样123就会显示在一行了，你可以试着去掉display:inline;看看页面会有什么变化。
2018-04-24
已采纳回答 / 给力哥
<style type="text/css"></style>表示这是样式表,在中间放入css内容； type是它的类型属性，text/css是它的值，它们是告诉浏览器这里面的文本内容(text)要当 (css)来解析，不能当作其它的来解析。
2018-04-24
已采纳回答 / 慕函数7408519
HTML结构清晰 代码可读性较好 无障碍阅读 搜索引擎可以根据标签的语言确定上下文和权重问题 移动设备能够更完美的展现网页（对css支持较弱的设备） 便于团队维护和开发
2018-04-21
