6.8.2設計登錄表單

1、代碼:background:url(a.jpg) center -50px no-repeat  #c4c4c4;

作用:設置背景圖片,使其居中,偏上,禁止平鋪,設置背景圖像無法覆蓋的區域顯示淺灰色(#c4c4c4)

新知識點:

repeat屬性:background-repeat屬性,設置是否以及如何重複背景圖像,默認地,背景圖像在水平以及垂直方向重複,background-repeat:no-repeat;禁止平鋪;background-repeat:repeat-y;在垂直方向上平鋪;background:repeat-x;在水平方向上平鋪;

background屬性:很多屬性值就是表示背景圖像的位置,是否平鋪等,直接針對圖,如果沒有圖像,則不起作用。

問題:偏上爲什麼直接用-50px?居中屬性的可用標籤問題?

2、.clear{clear:both;}作用:定義清楚樣式類,以便控制頁面中每個表單域的換行顯示。

clear屬性規定元素的哪一側不允許其他浮動元素;

問題:對於清除浮動如何達到所用效果不理解。

3、<fieldset>標籤:將一組表單元素打包,當把一組表單元素放在這個標籤內時,則瀏覽器會以特殊形式顯示他們,可能有特殊的邊界或3D效果。(fieldset:英文意思:自定義字段,控件組)

<legend>標籤:定義<fieldset>標籤標題(legend:說明)顯示效果如圖

4、 代碼:<lable for="login">Email</lable>
      <input type="text" name="login" id="login" />
      <div class="clear"></div>

新知識點:<lable>標籤爲<input>定義標籤,就是解釋這個<input>的作用,屬性for的值爲<input>的id值,這樣<lable>就和<input>綁定了,點擊<lable>標籤時也會出發<input>表單

問題:感覺這裏的<lable>可有可無

5、代碼:form{width:406px;margin:120px  auto 0;}

     居中

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章