前端知識總結(二)

2021-09-10 05:04:44 字數 1528 閱讀 7325

1. 標題標籤有6個常用的,為,,,,,

英文h是headline(標題行)的簡稱,h1位1級標題,級別最高,文字最大,其他元素依次遞減,h6級別最小。主要用的是h1-h3,而h4-h6很少用到。使用不同級別的標題是為了清晰地分辨出文章的主要之處。

首先介紹乙個單位,「em」是乙個單位,而且是乙個相對單位,定義為1em為16px。

h1  //這裡的font-size指的是大小,margin是指的外邊距

h2h3

h4h5

h6文字的格式包括字型,字型大小,文字顏色,字型風格等內容

1.2.1設定網頁字型

1.基本語法格式

font-family: 字型名稱

注:如果想要查詢字型,可以在windows下面找到fonts,即可檢視多種字型!!!

sans-serif:非襯線字型族

1.2.2設定文字文號

1.各引數的含義

larger:     相對字型尺寸。相對于父物件中字型尺寸進行相對增大。使用成比例的em單位計算

smaller:相對字型尺寸。相對于父物件中字型尺寸進行相對增大。使用成比例的em單位計算

length:  百分數| 由浮點數字和單位識別符號組成的長度值,不可為負值。其百分比取值是基於父物件中字型的尺寸。

2.單位標識

1.2.3 設定文字字型大小

掌握兩點即可:

1.知道px是絕對的單位。

2.知道em是相對單位,繼承的永遠是自己的父親。

1.2.4設定文字的顏色

一般用color屬性來設定顏色

下面是一些設定顏色的some屬性值!!!

1.2.5 設定文字風格(文字粗體,斜線,下劃線)

1.字型加粗:文字內容

2.字型斜體:文字內容

3.字型下劃線:文字內容

4.文字強調設定:文字內容  (標籤告訴瀏覽器把其中的文字表示為強調的內容,即用斜體顯示)

1.2.6設定陰影文字

語法: text-shadow: h-shadow(水平陰影)    v-shadow(垂直陰影)    blur   color ;

h-shadow: 必需值,水平陰影的位置,允許負值。

v-shadow: 必需值,垂直陰影的位置,允許負值。

blur: 可選,模糊的距離。

1.2.7 控制換行

一,使用white-space 控制換行

white-space屬性設定如何處理元素內的空白

1. pre:空白會被瀏覽器保留。其行為方式類似html中的標籤。

2.nowrap: 文字不會換行,文字會在在同一行上繼續,直到遇到

標籤為止。

3.pre-wrap: 保留空白符序列,但是正常地進行換行。

4.pre-line: 合併空白符序列,但是保留換行符。

5.inherit: 規定應該從父元素繼承white-space屬性的值。

前端知識總結

非原創,是自己在找資料的時候的一些彙總,自己的一些總結 1 談談你對mvvm開發模式的理解?mvvm分為model view viewmodel三者。model 代表資料模型,資料和業務邏輯都在model層中定義 view 代表ui檢視,負責資料的展示 viewmodel 負責監聽model中資料的...

前端知識總結

一.關於設定div寬度和高度的問題 1 如果要以百分比設定元素 div 的尺寸,必要以父元素的尺寸作為參考,如果父元素沒有設定尺寸,那麼子元素 div 尺寸自然不會生效。2 所以如果設定div的高度為100 那麼他的參考元素就是是body,那麼如何設定body的尺寸呢?3 在怪異模式下,body可以...

前端知識總結

基本資料型別 number 數字 數字可以帶小數點也可以不帶 nan infinity null 表示變數的值為空,可以通過將變數的值設定為null來清空變數。string 字串可以是引號中的任意文字。雙引號單引號都可以。也可以使用es6的模板字串 boolean true或false undefi...