web前端开发相关（新手成长总结）

从今年3月以来狂热地爱上了各种各样漂亮的网页~终于觉得自己也是有兴趣做程序员的，遂开始学习前端开发的相关知识，到现在也算是积累了一些总结和经验，分享并欢迎指导^ o ^
一.HTML+CSS
内联元素有几个比较特别的：（特别之处是：有块状元素的特性，但是又不换行）像img、object这一类的内联元素，是可以设置margin、padding的，而select、input、textarea这三个元素也是内联元素，即使是空标签，标签里面没有内容，也在页面上占据一定的面积，是可以设置margin和padding的。

表格边框要尤其注意，如果没有在html的table里指定border的大小，那么就得在css中指定，否则会显示不出来边框，而且，在css中指定边框时，要放在td里；有一种情况，没指定border也会显示有border，即设置该表格的table{border-collapse: collapse;}后，由于单元格的边框合并为一条边框，故显示看起来是有边框的样子。

顺序:link-->:visited-->:hover-->:active

float设置对象是否浮动以及浮动方向，当被定义为浮动时，即被看作块元素对待，此时浮动对象的display属性将被忽略。

写代码的时候，最好把css与html分开，链接的颜色记得修改，主内容区用了浮动时页脚记得清除浮动。

cite一般用于定义引用信息的URL。

body标签下面只能为块元素，即如果直接让一张图片在body下面，严格的来说是不正确的。

background-position:top(默认值为center) center(默认值为center)，当设置为负值之后，图像的一部分就会看不到，此时可以设置overflow=visible，则越出部分可以看见。

插入文本时,如果是中文当然没有问题,当到达指定宽度时会自动换行,但如果是连续英文或数字之类的就会有问题了.style里有一项可以让英文强制换行的,就是 word-break,当把这项设为break-all时,就会产生换行的效果，另外，如果设置为keep-all，不论连续或是不连续的字符均不会产生换行。

在对齐属性中，垂直对齐往往无法很好地实现，原来vertical-align仅能够作用于单元格或图像显示而定义的一个属性。故，要在css样式内增加display：table-cell属性声明，才能够在标准浏览器中正确显示。

单行文本需要垂直居中对齐的时候，往往不能很方便的实现，因为垂直居中对齐只有对于table里的元素而言比较容易，故这里介绍一种技巧：利用行距等于高度的方式来达到垂直居中效果！float属性一旦设置，元素即被看作块元素对待，此时设置display为inline是没有必要的也不起作用，但是IE6必须要在设置float属性后加上display：inline才不会出现bug。

在导航栏中，一般给a设置背景图而非li(考虑到IE6的兼容性)，并且将a转化为块元素，宽度高度均于li的宽度高度一致。

在背景图片定位的过程中，若行高发生改变，背景图片如何调整？仅仅依靠外边距属性可能引起其他内容的位置不对称，css提供可调整背景图片位置的background-position属性来很好地解决这个问题。

在写css代码的时候，有一种典型的body设定，即边距与边界为零，设定背景色与字型以及网站文字的行高。

无序列表的li是块元素，故定为inline或是float均可实现水平导航的样式。