web 实验二css页面布局设计总结

1.水平布局：

1. 行内元素：对父元素text-align:center;
2. 定宽块状元素（css盒子div）：设置margin:auto;

---

1.1垂直布局：

行内元素：例如div中的文字，设置div的height等于line-height;

2.块状元素：margin:auto;

2.盒子模型：

padding 是指从margin往外的距离，不是和其他盒子之间的距离是padding。

3.关于浮动：

clear:both：表示元素必须放置在左右浮动元素的下方。

/*浮动整理*/
.clearfix {
    width: 0px;
    height: 0px;
    margin: 0;
    padding: 0;
    clear: both;
    /* 此元素的右不能出现浮动元素 */
}

可以设置一个空div，用来清除浮动，以免影响后续的元素布局。在若干div同一行的情况下，可以设置float:left属性。

4.段落缩进属性：

text-indent 属性是 CSS 中用于设置文本段落首行缩进的属性。

5.选择多重标签：

后代选择器会选择 #mlth_font 内部的所有 <span> 元素,不管它们的层级关系有多深。 >
而子元素选择器只会选择 #mlth_font 的直接 <span> 子元素。

6.列表：

list-style: none; 是一个 CSS 属性,用于去除列表项默认的项目符号或编号。ul,ol,li分别为无序列表，有序列表，列表项。

---

说点题外话：

认真思考下来，感觉自己比起身边的很多人都算很笨。但是一直自以为比别人强，装作比别人强的样子，但是到了有竞争比拼的时候，就感觉力不从心。原来自己没那么厉害，那就埋下头做人做事把！谦虚一点，不要处处树敌。

除此之外，我觉得写一个简历页面也是一个不小的工程了，对于刚学的学生我来说，刚开始的时候十分恐惧，觉得对如何做一个简历一无所知，对未知的事物就会产生极大的恐惧。但某个人有句话说得好，鸡毛再不学不更啥都不会了。所以，学把