css要點總結

2021-07-31 13:08:40 字數 1865 閱讀 8372

css總結

1.box-sizing:content-box | border-box/*

*content-box: 設定的寬度,高度為content的

*      border-box: 設定的寬度,高度為content+ padding +border  */

div

2."dpi_scale": 1.0

/* 此問題時同學遇到的sublime,導航欄中文變空格無法顯示,*/

解決方案:在preference -》設定使用者-》最後一行 :

"dpi_scale": 1.0

3.clear: both;

/*問題描述是:當前元素之前的元素設定了float,當前元素也會預設浮動*/
解決方案:在當前元素樣式中新增 

clear:

both

;

4. 字型屬性:

屬性

屬性含義

屬性值

font-family

使用什麼字型

所有字型

font-style

字型是否斜體

normal、italic、oblique

font-weight

字型的粗細

normal、bold

font-size

字型的大小

絕對大小/相對大小

說明:不建議在font-family中設定超過宋體/黑體之外的字型,會導致未裝字型的計算機顯示不正常

5. list-style-image

/*問題描述:如何改變無序列表的image樣式*/

解決:list-style-image:url(此處為路徑);}

6. height&line-height

/*問題描述:height&line-height的區別*/

解答:line-height:

line-height 與 font-size 的計算值之差(在 css 中成為「行間距」)分為兩半,

分別加到乙個文字行內容的頂部和底部。可以包含這些內容的最小框就是行框。

簡單的說就是:文字設定的行高內垂直居中

height:

height就是高,通常height是對於某個div或者來弄的。

另外:line-height等於height時文字會垂直居中

CSS要點總結

css 為定位和浮動提供了一些屬性。定位的基本思想,允許你定義元素框相對於其正常位置應該出現的位置,或者相對于父元素 另乙個元素甚至瀏覽器視窗本身。css1 中首次提出了浮動。div h1 或 p 元素被稱為塊級元素。span 和 strong 等元素稱為 行內元素 因為它們的內容顯示在行中。可以使...

CSS相容IE Firefox要點總結

首先我們說說firefox和ie對css的寬度顯示有什麼不同 其實css width 指的是標準css中所指的width的寬度,在firefox中的寬度就是這個寬度。它只包含容器中內容的寬度。而internet explorer width 則是指整個容器的寬度,包括內容,padding borde...

CSS要點札記

css cascading style sheet 層疊樣式表 控制布局和顯示效果。1 行內樣式 直接寫在標籤裡面,使用style屬性提供的樣式 style屬性的語法 style 樣式名字1 值1 樣式2.樣式名字n 值n 示例 1 層的樣式 這是乙個文字 2 字型的樣式 這是乙個文字 2 內嵌樣式...