南大软院大神养成计划--CSS网页布局

学习小结

今天主要学习了CSS样式设置小技巧和CSS网页布局。

网页主要元素是图片和文字，网页的基本布局就是CSS样式将块与块不同的摆放。对一些元素设置它的水平位置，垂直位置，最终达到目的。

比如说水平居中设置——定宽块状元素：满足宽度和块状两个条件的元素是可以通过设置左右margin值为auto来实现居中的，例：，<style>div{width:500px;/*定宽*/margin:20px auto;}。水平居中设置——不定宽度块状元素：1，加入table标签，2，设置display：inline方法，3，设置position：relative和left：50%。

垂直居中——父本元素高度确定的单行文本：父元素高度确定的竖直居中方法是通过设置元素的height和line-height高度来一致实现的。

垂直居中——父本元素高度确定的多行文本:使用插入table标签同时设置vertical-align：middle。

今天的学习内容比较少，因为中间有些不懂得地方，自己琢磨了很久，应该会加深我对这一章节的记忆，加油，给自己的鼓励。