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...