11.7-11.11周總結(一)

    通過首周對PHP的入門瞭解,大體上對PHP有了初步的認識。下面對本週的學習進行總結。

    首先了解了兩種網站默認首頁:index.html和default.html。

    div

    接着學習了div,本意上div就是方框,但我們把所有可以自動換行的元素都可以看成div,也就是盒子模型。div中一些命令:background-color背景色、width寬、height高、float浮動,以及清除浮動.clear。還有border邊框、margin外邊距、padding內邊距、border-radius圓角。

    文字

    文字的添加和設置:<h1>-<h6>文字大小、<p>段落標籤、<br>換行、&nbsp空格、text-indent縮進(這裏只段落的首行縮進)。

    列表

    列表:<ul>無序列表、<ol>有序列表、list-style:none去點、text-align:center文本水平居中、line-height行高(列表中通過設置行高來設置文本的水平居中)、<li>定義列表、hover選擇鼠標移動到鏈接上的特殊樣式(可用於所有元素,不只是鏈接)。

    圖片

    圖片:<img>圖片標籤、<img src="圖片地址" alt="圖片說明“></img>、alt的作用有兩個1.當圖片不存在時,顯示佔位 2.利於SEO(搜索引擎)優化。

     超鏈接

    超鏈接:<a>超鏈接、<a herf="地址"></a>,<a>標籤的作用有三個:1.作爲本地文件的超鏈接 2.超鏈接至網頁 3.作爲錨點,打開新網頁保留原網頁。<a target="_blank">使用target屬性定義被鏈接文檔在何處顯示</a>、text-decoration文字鏈接去除下劃線。

     表格

    表格:<table>表格、<caption>表格標題、<th>表頭、<tr>行、<td>列、<thead><tbody>表格表頭及內容,利於SEO(搜索引擎)的區分,不顯示任何效果、colspan合併行單元格、rowcolspan合併列單元格、font-size字號。

    背景圖片

    背景圖片:background-image背景圖片url屬性添加地址、background-repeat背景重複(分三個屬性no-repeat不重複、repeat-x橫向重複、repeat-y縱向重複)background-size背景圖片尺寸。

 

    首周主要以入門瞭解爲基礎,對於代碼格式的安排比較重要,要清楚地表達其父子包含關係,養成一個良好的書寫習慣之後會很有條理性,便於後期代碼的檢查與更改。


    


  

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