Html Css學習第三天

2021-08-02 08:46:46 字數 1404 閱讀 7319

html 標籤元素分類:

三種不同型別 :  塊狀元素、內聯元素、內斂快元素

塊狀元素:、、....、、、、、、

內聯元素:、、

、、、、、、、、

內聯塊狀元素:

css 中  display:block ; 將元素顯示為塊狀元素,具有塊狀元素的特點;

塊狀元素特點:每個塊級元素都從新的一行開始,並且其後的元素也另起一行

元素的高度、寬度、行高以及頂和底邊距都可設定

元素寬度在不設定的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設定乙個寬度

標籤 * x標籤: 意思為:選中該標籤下的 任意乙個x標籤。

例如:div * p  意思為: 選中div標籤下的 任意一標籤 裡面的p標籤

h1 + h2 {color:red}   

選中挨著h1的h2,並將其變為紅色

div>p:first-child{} :選中<div>標籤裡中的 第乙個<p>標籤 【具有針對性】

@import url("檔案位址+檔名")  引入檔案。

display:inline ;    使用這個可將塊狀元素轉換為內聯元素。

內聯元素的特點:和其他元素都在一行上

元素的高度、寬度

及頂部和底部邊距

不可設定

元素的寬度就是它包含的文字或的寬度,不可改變

display:inline-block  將元素設定為內聯塊狀元素。

內聯塊狀元素特點:和其他元素都在一行上

元素的高度、寬度、行高以及頂和底邊距都可設定

盒子模型:  

內部實際的高度   : 內容的高度 +  各距離兩邊框的高度

實際寬度  : 內容的寬度  + 距離兩邊框的寬度

邊框  : border  ---    border-style:(邊框樣式) dashed(虛線)、datted(點線)、solid(實線)

border-color: 邊框顏色 可設定16進製制顏色

boder-width :具體的畫素值

盒模型--填充 : padding  填充順序  上、右、下、左(順時針方向)

padding-top、padding-right、padding-bottom、padding-left

若是全部都填充 可寫為 :padding: 畫素值;

若上下填充值一樣 、左右填充值一樣 可寫為 :padding:畫素值1 ,畫素值2 ;(值1是上下,值2是左右)

padding 是在盒子內;margin 則是盒子間。

css布局模型:

流動模型(flow)、浮動模型(float)、層模型(layer)

層模型: 絕對定位(position:absolute)、相對定位(position:relative)、固定定位(position:fixed)

學習第三天

額,又是美好的一天!祝賀比利時奪得季軍!下面,還是先看資訊學 今天繼續看倍增。這道題是和倍增沾邊的題,額,其實就是兩邊floyd。但是思路還是可以借鑑的。這道的思路是,使用兩個陣列,乙個是f k u v 這個陣列表示節點u到節點v之間是否距離為2 k,如果是,則為1,否則為0.代表u和v之間是否1s...

學習第三天

等價類是建立在這種思想之上 即我們不可能進行窮舉測試,那麼我們就 必須對輸入進行分類,而這種分類是建立在我們知道計算機程式設計原理和 計算機處理單元的工作原理基礎之上的,程式是通過資料結構和演算法來實現 的,計算機是按照演算法來執行程式的,這種執行是穩定的,不會因為我們的 輸入而導致計算機處理不穩定...

學習第三天

ctrl c 複製 ctrl v 貼上 ctrl a 全選 ctrl x 剪下 ctrl z 撤銷 ctrl s 儲存 alt f4 關閉視窗 shift delete 永久刪除 windows r 執行 windows e 我的電腦 ctrl shift esc 任務管理器 開始 系統 命令提示符...