html +css学习笔记(3)

1.

整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成,而css样式中width所定义的宽度仅仅是内容部分的宽度。

2. css优先级

id优先级高于classid不要重复,否则js调用时会引起js的语法错误,只能取得第一个id的对象)。

后面的样式覆盖前面的

指定的高于继承

行内样式高于内部或外部样式

3.

这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。

这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack


4.
IE6及以上版本和标准的浏览器当中,当设置一个盒模型的的margin:auto;时,可以让这个盒模型居中。

5.line-height 默认是1.0 -1.2

6.text-align:justify 是指的左右都和边框对齐,适用于多行的文本,单行不起作用。

7.word-spacing:对中文没有作用,文档上定义的word为任何非空字符组成的串,并由空格包围,可以在中文间加个空格使其生效,不过也可以设置letter-spacing属性,css把中文当成一个个字母。

8.当同时设置white-space:nowrap(使其在一行内显示) text-overflow:ellipsis; overflow:hidden这三个样式时可以使一行很长的字超过设置的宽度时用......显示

9.form中的input可以设置readonly和disable,这两项属性区别如下     readonly不可编辑,但可以选择和复制    disable不能编辑复制选择 

并且也不会被提交到服务器 

 

 

你可能感兴趣的:(html)