html5中的一些小知識點(CSS)

2022-02-12 05:38:14 字數 1301 閱讀 7558

2、文字左右居中: text-align 屬性值為 center

3、文字上下居中: line-height 為父元素的高度值

4、(1)導航欄的 li 如果設定 display 屬性為 inline,所有條目在一行;如果設定 display 屬性為 block,每個條目佔據一行;inline-block 屬性會使物件呈現為inline物件,但是物件的內容作為block物件呈現。之後的內聯物件會被排列在同一行內。例如,對 li 屬性設定block屬性為inline-block,可以使 li 顯示為一行inline,li 中的內容就是乙個單獨的block(li 內的內容block顯示),li中如果有 a 標籤,可以設定 a 標籤的 display 屬性為 block, 以使點選 a 標籤的周圍就可以出發 a 的超連結。

(2)使條目顯示在一行還可以設定 li 標籤的 css 如下

1 li

5、整個頁面居中:對body設定如下css

1

body

其中的width一定要設定為小於100%的寬度,否則預設整個頁面的寬度(100%)展示,居中效果顯示不出來

6、消除 li 標籤前面的小圓點的方法:list-style-type:none;

7、以下css可以設定選中文字為白色,選中文字背景為粉紅色

1

::selection

8、css多個屬性選擇器 a[href][class="good"]  含有href屬性且類名為good的的a標籤

9、div中img會比實際高度多出一部分,是因為img是一種類似與text的的元素,在img的結尾會加乙個空白符。要去除高出的一部分,將img的display屬性設定為block就可以解決

10、outline:0; 用來設定元素邊框為0,在選中乙個鏈結或使用tab鍵切換選中某乙個鏈結之後會有邊框出現,當設定了outline:0; 之後邊框不再顯示。

outline-width 用來指定邊框寬度

outline-style 用來指定邊框樣式

outline-color 用來指定邊框顏色  

11、設定下標 position:relative; font-size:0.75em; top:0.5em;

設定上標 position:relative; font-size:0.75em; bottom:0.5em;

12、奇偶行設定樣式 :nth-clild() 偽選擇器

:nth-child(odd)  奇數行

:nth-child(even)   偶數行

:nth-clild(2n+1)  用乙個表示式選擇要渲染的行元素

一些小的知識點

malloc calloc 等記憶體分配函式所獲得的記憶體塊都來自乙個稱為堆 heap 的儲存池。記憶體洩漏 memory leak 是指程式中己動態分配的堆記憶體由於某種原因程式未釋放或無法釋放,造成系統記憶體的浪費,導致程式執行速度減慢甚至系統崩潰等嚴重後果。記憶體洩漏缺陷具有隱蔽性 積累性的特...

一些小的知識點

1.recycleview中使用gridlayoutmanager使其有gridview的效果 布局,第乙個引數表示上下文,第二個引數表示 有多少列,如下 rv.setlayoutmanager new gridlayoutmanager this,3 在 布局中還可以修改引數,使其水平布局,那麼那...

HTML5的一些小概念

html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。w3c 全球資訊網聯盟 我是乙個h1h1 我是乙個h2h2 我是乙個h5h5...