Html css js知識整理(2)

2021-09-29 01:10:38 字數 2189 閱讀 4636

01、浮動:第乙個值:上下外邊距 第二個值:左右外邊距

塊級元素居中:左右外邊距auto

浮動實現的效果:水平對齊。脫離標準流,變成行內塊(可以在一行排列,給寬高有效) 。左浮動或者右浮動

:一定要設定寬度,才能水平居中

.con

03、浮動之後的問題:標籤如果不設定高度,高度由內容決定

子級標籤浮動,父級標籤檢測不到子級的高度。浮動塌陷

解決辦法:

第一種:給父級加高度

第二種:給父級加 overflow:hidden;

04、選擇器分類:同樣的樣式,誰後寫誰生效h1

#one

05、css三種書寫方式:

css的三種書寫方式

外鏈(聯)式:

嵌入式:

以上兩種寫法權重一樣,誰後寫誰生效。

內聯式:文字

06、固定定位:定位:脫離標準流,變成行內塊.不佔位。參照物當前視窗(有了四個座標,left top  bottom right),不會隨著視窗的滾動而滾動。

居中的辦法:top:50%; margin-top:-盒子的高度的一半;

left:50%;margin-left: -盒子寬度的一半;

left: 50%;

margin-left: -50px;

top: 50%;

margin-top: -50px;

07、相對定位:相對定位:相對自身做微調。top left right bottom佔位。佔的原來本身的位置。

半脫離標準流:

一方面:有了四個座標

一方面:行內元素和塊級元素的性質沒有改變。

08、絕對定位:脫離標準流,變成行內塊。不佔位。子級絕對定位,父級相對定位(父級只要有一種定位方式即可,相對定位對別的標籤影響最小)

如果父級沒有定位方式,會一直向上尋找,直到找到定位方式的為止。

讓子級標籤固定在父級的某個位置。

09、相對定位:text-align: center;文字類元素居中center  靠右right  靠左left

img

10、圖層順序:nth-of-type(index)選擇同級元素的第幾個。索引值從1開始

同乙個父級標籤,才屬於同級

只有定位了的標籤有圖層順序,後寫的在上面。可以通過z-index調整圖層順序。預設值是0。不帶單位,值越大越靠上

11、css樣式:p

h1

img

html css js基礎知識回顧 1

新標籤新特性 答 emmmmmm 這個明天補上。doctype有什麼作用?標準模式與混雜模式如何區分?它們有何意義?答 告訴瀏覽器以哪個版本的html規範來渲染文件,doctype不存在會導致html文件以混雜模式呈現。標準模式是以瀏覽器支援的最高標準來執行。混雜模式中頁面以一種比較寬鬆的向後相容的...

Java基礎知識整理2

1.public string trim 乙個字串s通過呼叫方法trim 得到乙個字串物件,該字串物件是s去掉前後空格後的字串 2.public string substring int start,int end 字串物件呼叫該方法獲得乙個當前字串的子串,該子串是從當前字串的start處擷取到en...

python基礎知識整理2

可迭代物件 可 於迭代操作 for 迴圈 的物件。擁有 iter 法的物件 注意 iter 法的返回值是迭代器物件 迭代器任何由實現了 iter 法的類建立的物件都是可迭代對 象。任何由實現了 iter 和 next 法的類建立的物件 都是迭代器物件。迭代器是懶載入的 延遲載入的 使 for對迭代器...