1. 程式人生 > >學習html的心得總結

學習html的心得總結

       經過這幾天的學習,已經基本掌握製作靜態網站的方法。第一節,老師讓我們明白什麼是html,為什麼要學,該如何學習的三個問題給予我們回答。首先,什麼是HTML,html是一種超文字語言,html屬於前端技術,學好前端技術也有利於我們就業,但是前端技術,是垂直居中設定入門容易,精通難,需要下非常的功夫,才能學好這門技能。那如何學好html,一,學會翻看參考手冊,瞭解有些屬性。如(runoob.com)二.或者百度搜語法結構和佈局。三,學會使用F12查詢錯誤。四,多練習。我在學習過程中也出現了許多問題。如

一,居中問題。居中有兩種居中,一是水平居中和垂直居中

    (一)水平居中 :

.header.header-center .header-nav ul li{
    float: left;
    width: 98px;
    text-align: center;
    height: 50px;
    /*垂直居中*/
line-height: 50px;

 2.塊元素居中:margin:auto

(二)垂直居中:

1.用line-height

.center.boss .center2 .center-top{
    height: 57px;
    width: 291px;
二,間隙問題
display:inline-block將物件呈遞為內聯物件,但是物件的內容作為塊物件呈遞。旁邊的內聯物件會被呈遞在同一行內,允許空格。
.header .header-center .header-logo .logo-right .right2 ul li{
    display: inline-block;
    width: 70px;
    color: #ff8842;
    border-right: 2px solid #A7AFC5;
    margin-right: 10px;
    cursor: pointer;
三. 如何存一個網站的圖片
首先在網址開啟F12介面,然後左上角有按鈕,點選變成藍色後,在指引相應的你想要下載的圖片地址,前面是本網頁的地址加上圖片的地址。

四,設定幫助快捷鍵



.overflow: hidden;這個屬性的作用是隱藏溢位,父塊沒有設定指定的高寬,當子塊設定為浮動後,原本包裹子塊的父塊的高度塌陷消失,這時給父塊設定overflow:hidden就能清楚浮動造成的影響,使父塊重新包裹子塊。

.header .header-center .header-logo .logo-right .right2{
    overflow: hidden;
    margin: 20px 0;