HTML 与 CSS 中值得注意的要点（持续更新）_html/css_WEB-ITnose

HTML

1. 元素

元素名称	属性	属性可选值	属性默认值
button	type	button	?
		reset	?
		submit	?

元素 的 type 属性取值可以是 button、reset、submit；在IE8及更新版本和其他现代浏览器中该属性默认值为 submit。

可以观察如下代码及其最终效果:

6.  

9.    

10.    button

12.  

14.    

15.    

因此，在表单中如果要使用 元素则应当小心

CSS

1. 文字排版

   1. word-spacing 只对英文有效，可参考以下代码及其最终效果：

   1. this paragraph has a spacing of 10 pixels between words

   2. 汉语段落单词间距有效吗

HTML + CSS

1. 溢出控制 overflow

经过验证发现：

1. 无论是 html5 还是 xhtml中， 无意义的英文文本不会因为碰到父元素的边界就自动换行，而是会随着内容增加朝右侧无限延伸；

2. 无论是 html5 还是 xhtml， 中文均会自动换行。

3. 图像遇到 父元素边界会自动换行。

验证代码见下：

XTHML 版本：

6.  

8. div{

9.    border:1px black solid;

10.    margin:100px;

11.    height:140px;

12.    overflow:visible;

13. }

14. .meaningful {

15.    width:500px;

16.    background:red;

17. }

18. .nonsense{

19.    width:400px;

20.    background:green;

21. }

22.  

26.    

27.    

28.    

29.       english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.

30.    

   

---

   

   

      

         abcaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

         aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabcabcabcabcaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabcabcabcabcabcabcabcabcabcabcabcabcabc