學習記錄(WEB前端)

2021-09-27 03:34:42 字數 937 閱讀 8553

三、 display:inline   block   inline-block(一行顯示 支援寬和高)    none徹底消失 四、 與overflow屬性1. display屬性(1) display:inline(行內元素a   span)的應用。display:inline可以讓塊元素,變為行內顯示,例如行內元素特徵  無法控制寬和高   a b em strong i span   img行內(它支援寬和高)   

div1

div2

這裡div1和div2分別佔一行,但是你給他們加上屬性後變了

div1

div2

div1和div2這時候顯示在同一行了。 display:inline比較經典的用法是用在

(4)overflow :scroll內容會被修剪,但瀏覽器會顯示出滾動條以便檢視其餘內容下面通過乙個例項來講解不同屬性值的效果:

列表符號

這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll,不論是否需要,使用者**都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。預設值是 visible。

預設情況下,內容不會被修剪,會呈現在元素框之外。效果如下: overflow:hidden; 內容會被修剪,並且其餘內容是不可見的。效果如下: overflow:auto; 內容會被修剪,並且其餘內容是不可見的。效果如下: (5)overflow-x:設定當物件的內容超過其指定寬度時如何顯示內容(水平滾動條)

(6)overflow-y:設定當物件的內容超過其指定高度時如何顯示內容(垂直滾動條)

3. visibility 屬性規定元素是否可見.使 h2 元素不可見:h2   visibility:hidden與display:none(都有隱藏本身的效果)的區別visibility:hidden(佔位隱藏)設定不可見的元素也會佔據頁面上的空間。display:none (不佔位隱藏)屬性不佔據頁面空間。

學習記錄(WEB前端)

一 的標籤及屬性table屬性width height 寬高 單位是畫素或百分比 align 對齊border 外邊框bgcolor 背景色background 背景cellspacing 單元格間距 單元格和單元格的距離 一般情況寫0cellpadding 單元格邊距 邊框與內容的距離 一般情況寫...

web前端知識補充記錄

1 判斷字串是否是這樣組成的,第乙個必須是字母,後面可以使字母 數字 下劃線,總長度為5 20.a za z a za z 0 9 2 擷取字串abcdefg的efg var str abcdefg var s str.substr str.length 3,str.length alert s 3...

WEB前端 CSS Hack簡單記錄

hack可能用的不多,現在先簡單了解一下下啦 什麼時候用hack呢?介面 css什麼的都是正確的版本,但是呢,不同的瀏覽器或者是相同的瀏覽器不同的版本,你會發現本來好好的介面怎麼亂了呢?其實這個時候就可以考慮一下下用css hack了。hack分為條件hack 屬性級hack 選擇符hack。下面簡...