網頁學習之div,span,CSS

2021-07-13 20:35:52 字數 649 閱讀 3616

div屬於塊級元素,使用:

將內容放到div層中,這樣做的好處就是可以將這些內容作為乙個整體進行處理,比如:整體移動,整體隱藏等。

span不同於div的是:span是內聯元素,div預設是不和其他內容在同一行,但是可以通過css設定在同一行上。同時span預設是可以和其他內容在同一行,也是可以通過css設定不在同一行上。此外,div是可以放任何內容,而span一般是用來圈住一段文字,來整體設定文字的樣式。

css又叫層疊樣式表,是用來美化頁面的,可以對頁面元素進行更加精細的設定,樣式主要是描述元素的字型顏色、背景顏色、邊框等。

(1)外觀美化布局

(2)樣式表能實現樣式與內容分離,方便了團隊開發

(3)方便統一定義格式,修改也方便

html標籤的外觀樣式比較單一,html主要是控制語義的不用於控制外觀,並且他控制外觀的能力也沒有那麼強。

下面介紹乙個css樣式來控制外觀的例子(其中這些屬性都是經常會用到的):

兩個黃鸝鳴翠柳

一行白鷺上青天

此情若是長久時

又豈在朝朝暮暮

result:

HTML學習筆記之網頁元素編輯

1.段落與換行 在html檔案中,由回車所產生的換行符,在瀏覽器中並不視為換行標籤,而產生的是段落標籤。稱為換行標籤,它是乙個單標籤,作用是令其後的內容在下一行顯示。由於瀏覽器會自動忽略原 中的空白和換行的部分,這使得 成為最常用的標記之一。其語法格式如下 前一行文字 後一行文字 示例 這是我的第乙...

快速學習網頁爬蟲之python

1.首先獲取網頁內容的方法 html requests.get url,headers headers,proxies proxys header 指模擬瀏覽器頭,proxys ip,requests指python獲取內容的物件 2.這樣一句話就可以快速獲取網頁內容了,獲取到了網頁內容,我們還需要進...

學習DIV CSS網頁布局之混合布局

div css 網頁布局第四篇 混合布局 1 混合布局 在了解了一列 兩列和三列布局之後,混合布局也就不難理解了,混合布局也可以叫綜合型布局,那麼混合布局就可以在一列布局的基礎之上,分為兩列布局,三列布局,網頁布局的結構普遍都是三列布局,但是在三列布局的基礎上,可以根據實際需求,對網頁再進行劃分。x...