一.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属性来很好地解决这个问题。
无序列表的li是块元素,故定为inline或是float均可实现水平导航的样式。