CSS

 CSS居中 和一些技巧

 最近在学习CSS html完成项目前台，有些基础心得，本身也是初学者，过程中遇到很多问题，一些经验，并非学术文档，便于日后使用。特此记录。

　　 首先是格式复位*{margin:0;padding:0;}
 　　页面的布局问题：先大块再细化，用border或背景色完成大致区域划分，方便总览修改，框架的话大小居然可以是百分数精确到小数点后，确实很容易调整。

　　选择器，关于这选择器，很是灵活，只能说的是我也只是基本能使用，说不上融会贯通。类型选择器，很适合页面很多相同的样式，这时可以首先写在上面，如果有变动，后面可以再次写一个类来调整，由于每一个类都可以有无数个类名，所以先写一个统一的样式，后面再次修改确实很方便，说到类选择器，就是上面的问题，类名可以写多个中间空格隔开，显示的样式会是在css中最后的一个前面的属性会继承，很像java中的extend，在写按钮的过程中，发现了不足，input[type="button"]这种方式，以前是在html中直接调，这种选择器显然更加方便。　　 定位，由于经验不足，一个登陆界面我是用绝对定位写的，过程调整痛苦万分，得前辈教导，绝对定位最好是要凸显某一特殊元素才用，因为它不好控制，尽量不要使用，浮动，很好用很方便，便于布局时大块的分布。
　　css精灵/cssSprite,这个技巧，确实是很利于服务器和客户体验，节省了不少资源，但是调整过程真不容易。在这有一个我认为很不错的技巧，如同一个孔，后面放图片来控制显示，可以写一个类名的叫box,给定height, width，后面，哪一个地方需要使用，直接class中加上box，在大量的使用图片时节省不少时间。

　　css中的水平垂直居中，text-align 块中文字水平居中，用于块元素，用在块元素中的文字或者图片上，水平方向上居中。块元素自身居中，margin：0 auto;上下左右都会居中，水平居中话margin-left:auto;  margin-right:auto;
 vertival-align,用于行内元素的垂直居中
 然后是块中文字的垂直居中，还有就是vertival-align:middle,用于块元素的自身居中line-height: XXpx;此处XXpx为块的height
 块中的文字图片垂直居中，可以设置上下内边距。
 还有就是各种缩写，很多属性都可以缩写，非常方便，比如border后面可以写很多属性并且是不需顺序，此次项目很大体会就是css不难，但是看谁写的少就很有技巧了。