CSS第二講概要

2022-09-12 19:24:16 字數 2283 閱讀 3979

2015-09-22 第四課 css2

一、塊元素的特點

1、常見塊級元素:p、h1~h6、ul li、ol li、div、hr、tabel

2、預設顯示在符標籤的左上角。

3、塊級元素預設佔滿一行(佔滿整個文件流)。

4、塊級元素變成行內元素:display:inline;

5、塊級元素具有行內元素和塊級元素的特點:display:inline-block;  

具有塊級元素的高、寬特點,但不會佔據一整行。

二、內聯元素

1、常見行內元素:a、span、img、input

2、大小只受到文字區域大小的影響,不受width、height影響。

3、不會佔滿不會佔據整行:display:block;

4、行內元素變成塊級元素:

5、行內元素具有行內元素和塊級元素的特點:display:inline-block;  

具有塊級元素的高、寬特點,但不會佔據一整行。

三、浮動

float 規定浮動方向

left         元素向左浮動。

right         元素向右浮動。

none          預設值。元素不浮動,並會顯示在其在文字**現的位置。

inherit            規定應該從父元素繼承 float 屬性的值。

clear 清楚浮動

left         在左側不允許浮動元素。

right           在右側不允許浮動元素。

both          在左右兩側均不允許浮動元素。

none                  預設值。允許浮動元素出現在兩側。

inherit            規定應該從父元素繼承 clear 屬性的值。

四、span 用來組合文件中的行內元素。

如:some text.some other text.

css:p.tip span

五、盒子模型

padding              在乙個宣告中設定所有內邊距屬性。padding會影響元素的總高寬。

auto             瀏覽器計算內邊距。

10px 20px 30px 40px   規定以具體單位計的內邊距值,比如畫素、厘公尺等。預設值是 0px。順時針方向上、右、下、左

%             規定基於父元素的寬度的百分比的內邊距。

inherit            規定應該從父元素繼承內邊距。

注釋:任何的版本的 internet explorer (包括 ie8)都不支援屬性值 "inherit"。

magin                在乙個宣告中設定所有外邊距屬性。該屬性可以有 1 到 4 個值。

auto             瀏覽器計算外邊距。

10px 20px 30px 40px   規定以具體單位計的外邊距值,比如畫素、厘公尺等。預設值是 0px。順時針方向上、右、下、左

%             規定基於父元素的寬度的百分比的外邊距。

inherit              規定應該從父元素繼承外邊距。

** padding對行內元素是支援的,但magin對行內元素只支援左右,不支援上下。

六、定位

position 規定元素的定位型別。

absolute           生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

fixed             生成絕對定位的元素,相對於瀏覽器視窗進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

relative            生成相對定位的元素,相對於其正常位置進行定位。

因此,"left:20" 會向元素的 left 位置新增 20 畫素。

static            預設值。沒有定位,元素出現在正常的流中

(忽略 top, bottom, left, right 或者 z-index 宣告)。

inherit           規定應該從父元素繼承 position 屬性的值。

絕對定位: 針對螢幕或父元素定義左上角座標,當設定為絕對定位時脫離文件流,不會收浮動的影響。

** 絕對定位時不同瀏覽器的預設螢幕做上角的座標不一定為零,所以通常對所有元素定義初始值為零。

如:*相對定位: 針對父標籤定義左上角座標,當設定為相對定位時沒有脫離文件流,會收浮動的影響。

第二講案例

一 使用登入cookie方法 使用第一講案例中查詢響應檔案的方式找到該頁面的doc檔案,獲取請求頭中的cookie資訊 將該資訊以鍵值對的形式儲存到請求頭引數中即可,請使用自己的cookie值 headers 爬取完整程式如下,可參考 import requests def local 1 準備引數...

機器學習 第二講

多元線性回歸又稱 multivariate linear regression 現在介紹一種可以表示任意輸入變數的符號 現在定義假設函式的多變數形式,包含以下各種引數 h theta x theta 0 theta 1 x 1 theta 2 x 2 theta 3 x 3 cdots theta ...

第二講 變數定義

批處理中變數的定義。變數 在程式的執行過程中隨時可以發生變化的量。好像是這麼定義的,在批處理中,變數的定義一般用以下set命令來設定。set 顯示 設定或刪除 cmd.exe 環境變數。set設定變數的基本形式 set 變數名 變數值 在cmd中如果直接輸入set,則會顯示系統的環境變數,而且這些變...