尚矽谷web前端 CSS(三)

2021-10-08 20:45:57 字數 696 閱讀 8613

css(三)

1、 行內元素不支援設定長寬

2、行內元素可以設定padding,border,margin,垂直方向不會影響頁面布局

3、display用來設定元素顯示型別:

4、visibility用來設定元素顯示狀態

1、預設情況下,盒子可見框大小由內容區,內邊距和邊框共同決定

2、box-sizing用來設定盒子尺寸的計算方式,設定width和height的作用

3、content-box預設,寬度和高度用來設定內容區的大小

4、border-box高、寬用於設定整個盒子可見框大小,即width和height是指三者總大小,自動調整內容區大小

1、outline 用來設定輪廓線,用法和border 一樣,不會影響可見框大小

2、box-shadow設定元素陰影,不會影響頁面布局

box-shadow:xxpx 水平偏移量(正右負左) , xxpx 垂直偏移量, xxpx陰影的模糊半徑 ,#rgba(0,0,0,.3)設定陰影的顏色和透明度

3、border-radius用來設定圓角(四個方向可以單獨設定),設定圓的半徑大小

具體的可以檢視zeal文件

1、通過浮動可以使元素向其父元素的左邊或者右邊移動(float)

2、float:none (預設)

3、浮動的效果:使元素可以橫向排列

4、浮動元素的性質會發生改變:

尚矽谷web前端 CSS(二)

css 二 1 為元素設定的樣式,同時也會應用到它的後代元素 2 繼承是發生在祖先和後代元素之間,方便開發 3 利用繼承,可以將通用樣式放於共同的祖先標籤中,僅需設定一次 4 並不是所有樣式都會被繼承 如 背景相關,布局相關等 1 發生樣式衝突時,由選擇器的權重來決定優先顯示哪種樣式 2 內聯樣式 ...

尚矽谷web前端工程師1000集學習筆記03

亂碼的問題 計算機是乙個非常笨的機器,它只認識兩個東西 0 1,在計算機中儲存的任何內容,最終都需要轉換為0 1這種二進位制編碼來儲存,包括網頁中的內容。比如 中國在計算機底層,可能需要轉換為 xx,在讀取內容時,需要將二進位制編碼,再轉換為正確的內容。編碼 依據一定的規則,將字元轉換為二進位制編碼...

尚矽谷web前端工程師1000集學習筆記36

在我的後園,可以看見牆外有兩株樹,一株是棗樹,還有一株也是棗樹。這上面的夜的天空,奇怪而高,我生平沒有見過這樣奇怪而高的天空。他彷彿要離開人間而去,使人們仰面不再看見。然而現在卻非常之藍,閃閃地 著幾十個星星的眼,冷眼。他的口角上現出微笑,似乎自以為大有深意,而將繁霜灑在我的園裡的野花草上。我不知道...