HTML和CSS中的小問題

2021-10-01 08:34:50 字數 2877 閱讀 1090

一,a標籤的特殊性

二,margin-top不能正常顯示的解決方法

給父元素新增border,但會撐大父元素的總體寬高

給父元素新增padding

給父元素新增float,會破壞正常文件流,margin:0不生效

給父元素新增overflow:hidden(子元素被裁減)

給元素本身寫float

三,link與import的不同

link是html提供,可以引用css檔案還可以引用其他檔案

link與html一起載入

link沒有版本要求

link支援控制dom

@import是由css提供,只能引用css檔案

@import是在所有html載入之後再載入css檔案

@import在ie5以上支援

@import不支援控制dom

四,文字溢位顯示省略號的必要條件

有一定的寬度width強制在一排顯示white-space:nowrap;溢位裁切overflow:hidden;顯示省略號:text-overflow:ellipsis;

五,塊狀元素與內聯元素的區別

塊狀元素可以設定寬度和高度,內聯元素的寬高是其內容的寬高

塊狀元素自上而下獨佔一行顯示,內聯元素自左向右在一排顯示,直到遇到邊界才會換行

塊狀元素和內聯元素都遵循盒模型的設定,但是內聯元素有些屬性不能正常顯示

塊狀元素一般做內聯元素的盒子使用

常用的塊狀元素div、 p、h1、form、ul 、 li、 ol dt 、dd 、table(li是特殊的塊狀元素,有列表符號)

常用的內聯元素span、a、b、i、label、input、 img、 strong 、em(img input textarea select特殊的內聯元素,可以設定寬高)

如果元素設定float屬性時相當於給元素新增display:block;

inline-block:行內塊,可以設定寬高,也在一排顯示

img input textarea select 只有此值的標籤支援 vertical-align屬性

大多數塊狀元素的display屬性的預設值為block,li的預設值為list-item

大多數內聯元素的屬性的預設值為inline

img的display屬性值為inline-block

置換元素:通過屬性值決定其在頁面的顯示效果

img input textarea select

置換元素可以設定寬高是因為在渲染(瀏覽器解析)時會生成乙個框

六,固定寬高的div如何實現水平垂直居中

或者(不推薦,瀏覽器計算量大)

七,定位屬性position

relative相對於自身原來位置的偏移,不會影響正常文件流。

absolute絕對定位根據離其最近的有定位的父元素去定。如果父元素都沒有定位,則根據瀏覽器視窗去定。如果使用定位,即使寬度為100%,也要新增。會脫離正常文件流。

fixed固定定位,根據瀏覽器視窗去定,無論是否出現滾動條,都固定。

如果子元素根據父元素去定位,那麼父元素一定要有定位屬性值,父元素的定位屬性值不能為static。

如果父元素有margin:0 auto;屬性設定此時父元素的position屬性值使用相對定位比較好。

子絕對,父相對。

子元素相對父元素定位,一般子元素絕對定位,父元素相對定位。

定位的元素會層疊在一起,誰在後邊誰在上邊。z-index值越大,越靠上。(z-index必須與定位連用才能生效,定位的屬性值不能static預設值)

絕對定位與相對定位的區別

參照物不同:相對定位的參照物是自身原來的位置,絕對定位是離其最近的有定位的父元素,如果父元素沒有則根據其瀏覽器視窗定位。

包含塊是絕對定位的參照物,為絕對定位提供座標。

八,最小高度自適應解決方法

*/

}

*/

}

九,高度塌陷的解決方法

(父元素未設定高度或者高度auto,子元素float)

給父元素新增:overflow:hidden;

優點:簡單容易記

缺點:如果有溢位會被裁切

給浮動的元素下邊新增乙個定位

div

優點:不會裁切

缺點:div的增加會導致結構複雜,不利於seo(搜尋引擎的優化)

萬能清除法設定父元素

:after

優點:有利於seo,溢位不會被裁切

缺點:複雜不易記

4.父元素設定高度

為什麼overflow可以解決高度塌陷?

答:overflow會觸發bfc,浮動元素也參與計算,所以可以解決高度塌陷

十,元素的寬高自適應視窗的寬高

html,body

元素本身

html 中遇到的小問題

html 如果輸入的內容長度大於 長度 那麼 也會跟著拉長,設定固定寬度後 輸入超長內容 仍然會拉長 解決辦法 獲取下拉列表的值 獲取下拉列表選中項的文字 function getselectedtext name 獲取下拉列表選中項的值 function getselectedvalue name...

Android中的小問題

1 item布局,層級越少越好,使用hierarchyview工具檢視優化 2 復用convertview 3 使用viewholder減少findviewbyid 4 item中有時,非同步載入picasso 5 快速滑動時,不載入 6 item中有時,應當對進行壓縮 7 實現資料的分頁載入 1 ...

程式設計中的小問題

syntaxerror unicode error unicodeescape codec can t decode bytes in position 2 3 truncated u xx escape 在macos寫的python 放到window執行報錯。原因 在windows系統當中讀取檔案...