有序列表、無序列表和自定義列表
- 無序列表適合所有并列或沒有上下級關系的條目的顯示
- 有序列表適合有明確排序的條目的顯示
- 自定義列表更突出自定義標題
- 可以直接在 li 和 dd 中寫新的列表來嵌套
如何去除列表前的點或者數字
<style media="screen">
li{
list-style: none;
}
</style>
class和id的區別以及適用情況
- class可以同時賦給多個標簽，使用.class定義樣式
- id只能賦給單個標簽，使用#id定義樣式
- 只有在需要對某個特殊的標簽定義樣式時才用id
- id和class的優先級問題
塊級元素和行內元素
- 塊級元素占用一整行空間，而行內元素占用它本身寬度的空間
- 行內元素可以并排顯示，而塊級元素不能
- 塊級元素：div，p，h1~h6，table，tr，ul，ol，dl，li，dt，form
- 行內元素：a，span，img，btn，imput，em，textarea
- 行內元素設置寬高無效，由它自身決定
- 行內元素左右padding和margin有效，但是上下padding和margin不占據空間，可用line-height調整上下高度
display: block，display: inline，display: inline-block分別有什么作用
- display：block，作為塊級元素展示
- display：inline，作為行內元素展示
- display：inline-block，將對象作為行內元素，但是對象的內容作為塊級元素。旁邊的行內元素會被呈遞在同一行內（應用此特性的元素呈現為內聯元素，周圍元素保持在同一行，但可以設置寬度和高度等塊級元素的屬性）
讀代碼
頁面效果
頁面包含header，content，footer三個大div，每個打div包含一個wrap。header中wrap中有一個導航列表，content中wrap包含一個aside塊和一個main塊。wrap的樣式被定義為寬900px，上下margin為0，左右margin自動。可以看到只有content塊可以被wrap撐開（瀏覽器寬度小于900px時被wrap撐開，瀏覽器寬度大于900時同瀏覽器寬度），而header和footer的寬度隨著瀏覽器寬度的變化而變化。
HTML語義化
- 選擇合適的標簽
- 使用合理的代碼結構
- 符合內容的命名方式
便于開發者閱讀，同時可以讓瀏覽器的爬蟲和機器更好地解析。
form表單的作用
用于向服務器提交用戶輸入的數據
input屬性
- name=“#”，表單名稱，作用：用于獲取提交表單的某表單域信息， 作為可與服務器交互數據的HTML元素的服務器端的標示，瀏覽器會根據name來設定發送到服務器的request， 在表單的接收頁面只接收有name的元素, 所以賦ID的元素通過表單是接收不到值的。 我們可以在服務器端根據其Name通過Request.Params取得元素提交的值。在form里面，如果不指定name，就不會發送到服務器端。
- type=“#”，表單類型（text，password（密碼），radio（單選），checkbox（復選，加checked屬性會默認選中），hidden（隱藏域））
- placeholder=“#”，表單為空時顯示的提示字符
- value=“#”，表單初始值
- maxlength=“#”，最大長度
post和get方式的區別
- 數據提交的方式不同，get提交的數據可以在url中看到，post看不到
- get一般用于提交少量數據，post用于提交大量數據
- get最多提交1k數據，受瀏覽器的限制；post理論上無限制，受服務器限制
- get提交的數據在瀏覽器歷史記錄中，安全性不好
<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交"> 三者有什么區別？
- button不具有任何的跳轉功能
- a標簽的href功能自帶跳轉功能
- submit用于form表單提交，可以將表單內的所有內容發動至action中的地址
radio如何分組
radio為單選框，每次每個name只能提交一個數據，如需將幾個不同的數據放在同一個分組，只需將name定義成相同的。
<input type="radio" name="name" value="1">1
<input type="radio" name="name" value="2">2
<input type="radio" name="name" value="3">3
<input type="radio" name="name" value="4">4
<input type="submit" name="submit" value="提交">
type=hidden的作用
type=hidden時，用戶看不到這一項數據，可以用于安全驗證。如用戶請求頁面時產生一個隨機數，在用戶提交表單時比對提交的隨機數和產生的隨機數。
本教程版權歸饑人谷和作者所有，轉載須說明來源。
