1. 程式人生 > >前端學習1

前端學習1

1.<fieldset>和<legend>可用來在資料周圍新增一個帶標題的框
如圖:
在這裡插入圖片描述
2.<span>用來組合行內元素。譬如要求一段文字的第一個字要略大:

<p class="tip"><span>這</span>是一段普通文字。一段很普通很普通的文字。</p>

3.圓角border-radius,產生圓角輸入框
4.偽類的應用:豐富超連結的樣式。未訪問時的樣式-滑鼠懸浮樣式-訪問後的樣式(hover要放在link和visited之後)
5.採用相對路徑來匯入圖片:

<img src="IMG\timg.jpg" title="亂入表情包" width="80" height="100">

6.文字陰影text-shadow:

text-shadow:0.1em 1px 3px gray;

text-shadow: h-shadow v-shadow [blur] (模糊的距離) [color];
7.在head裡新增<meta charset=“UTF-8”>規定編碼方式,否則IE瀏覽器可能會將中文顯示為亂碼