Css中需要注意的一些問題

2021-06-01 13:32:50 字數 1718 閱讀 8344

1:當height屬性值為百分數時,該元素的高度由其父元素高度和該百分比相成得到,前提是該父元素的高度不能是auto,否則該元素內所有後台元素的height屬性值都將

為auto

2:任何元素的高度和寬度的預設值都為auto,這時,元素寬度和高度的變化與元素本身的型別有關,比如p元素水平方向會佔滿整個空間,而豎直方向則依據其所包含內容

的多少而定,這就是塊級元素的顯示特徵,和p元素相同的還有div、h1~h6元素等。

3:元素的高度=內容高度+上下填充高度+上下邊框高度+上下邊距高度

元素的寬度=內容寬度+左右填充寬度+左右邊框寬度+左右邊距寬度

4:css的background屬性可以用來設定元素的背景,為其新增顏色或者背景影象,背景屬性會影響盒模型中內容和填充兩部分區域,

而邊框背景是由邊框樣式本身提供的,邊距區域的背景則總是透明的。

5:邊距重疊問題

它的意思就是當上下兩個元素相鄰時,二者之間的邊距由它們的最大值而定,而不是二者邊距之和

兩個div之間的實際邊距並不是20px,而是10px,邊距發生了重疊。

6:邊距實現對齊功能

即控制元素水平方向的對齊方式

.left的右邊距設定為auto後,元素將居左對齊,.right的左邊距設定為auto後,元素將居右對齊,.center中左右邊距都為auto,元素將居中對齊。

7:overflow屬性

當我們設定的元素的內容的寬度和高度時,元素實際所包含的內容可能會超過設定的範圍,預設情況下,超出的部分依舊可見,如果想改變它,

可以使用css提供的overflow屬性,overflow的屬性值可以是visible、hidden、scroll和auto,預設值為auto。

當為visible時,超出的部分將會顯示出來,hidde將隱藏超出的部分,auto會在水平和垂直方向新增滾動條,scroll會在需要的時候新增滾動條

有時,元素的內容區域小於元素實際所包含的內容,使用css提供的overflow屬性可控制超出內容區域的部分該如何顯示

有時,元素的內容區域小於元素實際所包含的內容,使用css提供的overflow屬性可控制超出內容區域的部分該如何顯示

有時,元素的內容區域小於元素實際所包含的內容,使用css提供的overflow屬性可控制超出內容區域的部分該如何顯示

有時,元素的內容區域小於元素實際所包含的內容,使用css提供的overflow屬性可控制超出內容區域的部分該如何顯示

8:display的幾個屬性

*display:block和display:inline

span元素預設為內聯元素,height和width對其不起作用

效果圖:

但是如果給span新增display:block後,則瀏覽器會完全按照塊級元素顯示屬性渲染該元素

同樣,如果更改塊級元素的display屬性為inline後,瀏覽器會依照內聯元素進行處理

9:inline-block

inline-block型別的元素含有內聯元素和塊級元素的部分特性,元素如同文字一樣會緊挨著其他元素,前後不產生換行;

對每個單獨的元素而言,它們又滿足塊級元素的特性,height和width均能對其產生作用,我們可以把這種元素稱為"內聯塊"型

元素。

hbase使用中需要注意一些問題

接觸hbase已經兩年之久,但是真正的在實際專案中使用卻只有半年的時間,使用過程中,一方面在在為hbase強大的效能興奮之餘,另一方面卻也給我和我的團隊造成了很多的麻煩,起初在使用我的水平也就停留在會用而已,根本談不上優化,但是後來發現,如果想要把它用好,讓它在你的業務中不出問題,那麼就需要你針對自...

創業團隊需要注意的一些問題

時下越來越多的年青站長積累一定的工程式設計客棧作經驗和能力後便開始自己的創業旅程,在創業初期往往會遇到各種問題,屢屢受挫,舉步維艱。更有甚者,創業團隊中的成員因為種種原因最終分道揚鑣的事情也屢見不少。最近在一次聊天中得知一朋友的創業團隊的核心成員因種種原因紛紛辭職,退出團隊,導致公司受到嚴重打擊。接...

jQuery呼叫WCF需要注意的一些問題

昨天,首頁增加了digg功能。在該功能中我們開始嘗試使用jquery直接呼叫wcf。之前我們採用的方案是jquery呼叫web service,然後webservice再呼叫服務層。這樣呼叫主要是因為之前需要呼叫不同網域名稱下的wcf服務,因為跨域呼叫的問題,就要通過web service中轉一下。...