web標準常見問題集合3_經驗交流
來源：互聯網
上載者：User
10.web標準中定義id與class有什麼區別嗎
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> <!-- #aa { color:red } .aa { color:blue } --> </style> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
一.
web標準中是不容許重複ID的,比如 div id="aa" 不容許重複2次,而class 定義的是類,理論上可以無限重複, 這樣需要多次引用的定義便可以使用他.
二.
屬性的優先順序問題
ID 的優先順序要高於class,看上面的例子
三.
方便JS等用戶端指令碼，如果在頁面中要對某個對象進行指令碼操作，那麼可以給他定義一個ID，否則只能利用遍曆頁面元素加上指定特定屬性來找到它，這是相對浪費時間資源，遠遠不如一個ID來得簡單.
11.如何垂直置中文本
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> <!-- div { height:30px; line-height:30px; border:1px solid red } --> </style> web標準常見問題大全
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
給容器設定一個與其高度相同的行高就可以了
12.如何對齊文本與文本輸入筐
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> <!-- input { width:200px; height:30px; border:1px solid red; } --> </style> <input type="text" />aaaaaaaaaaaaaaaaaa
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
遇到此種問題，設定文字框的 vertical-align:middle 就可以了
