整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
SS學習之font-style
語法：
font-style ： normal | italic | oblique
參數：
normal ： 正常的字體
italic ： 斜體。對于沒有斜體變量的特殊字體，將應用oblique
oblique ： 傾斜的字體
說明：
設置或檢索對象中的字體樣式。
對應的腳本特性為fontStyle。
示例：
p { font-style: normal; }
p { font-style: italic; }
p { font-style: oblique; }
實例圖
景定位
background-position 屬性定義背景定位。
讓body背景圖垂直居中顯示。
body{
background-image: url(../img/flower.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center;
}
瀏覽器中顯示：
背景圖垂直居中顯示
background-position屬性值的用法：
屬性值第一個值為水平位置，第二個值是垂直位置。可以使用百分比，像素，關鍵字來定義屬性值。
x% y%
background-position: 50% 50%；
xpos ypos
background-position: 100px,200px;
關鍵字值得用法:
background-position: top,center;
可能的 值：
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
CSS 字體
1.font-size 設置字體大小。（瀏覽器默認的是16px）
p{font-size:14px;}
注意第二個字體設置為16px是為了讓童靴們對比出默認字體大小。
瀏覽器中顯示：
2.font-weight 設置字體的粗細。
p{font-weight:bold}
font-weight 屬性值：
normal 默認值。定義標準的字符。
bold 定義粗體字符。
bolder 定義更粗的字符。
lighter 定義更細的字符。
數字定義：定義由粗到細的字符。400 等同于 normal，而 700 等同于 bold。
100
200
300
400
500
600
700
800
900
3.font-family
設置字體系列。屬性值可以是多個。
p{font-family:"Times New Roman",Georgia,Serif;}
上面的例子設置了多個屬性值，如果瀏覽器不支持第一個字體，則會嘗試下一個。
你必須非常努力，才能看起來毫不費力！
關注小白前端，持續收到文章推送！
以下HTML標記用于格式化網頁上文本的外觀。這可以使網頁變得更加生動，但是，文本格式的太多變化也會使人不快。
head標記有6個級別可用，從h1用于最大和最重要的標題，到h6是最小的標題。
b標記之間的文本以粗體顯示，與周圍的文本相對突出。
i標記以一個小角度顯示文本。
u標記在文本正文添加一條線，請注意，鏈接已經有下劃線，不需要額外的標記。
strike標記在文本的正中間畫一條線，通常用來表示文本是舊的，不再相關，刪除。也可以用<s></s>代替。
pre標記之間的任何文本，包括空格、回車符和標點符號，都將像在文本編輯器中一樣顯示在瀏覽器中（通常瀏覽器會忽略多個空格）
code標記之間的文本以固定寬度字體顯示，通常在顯示源代碼時使用。
tt標記之間的文本就像是用打字機打出了一個固定寬度的文字。
blockquote標記定義一個塊引用，并且在塊的左右添加額外的邊距。
small標記讓你無需設置字體大小，就可以使文本呈現比周圍稍小的外觀。
font標記的color屬性改變幾個字或一段文字的顏色。屬性使用十六進制顏色代碼。
font標記的size屬性改變字體的大小，值范圍從1到7，1是最小，7是最大。
font標記的size屬性還可以相對于其前面的字體大小的作即時更改，此用法將按你指定的數字增減字體大小。例如：<font size="-1">一些文本</font>
font標記的face屬性以指定的字體顯示文本，值為字體名稱，如“Helvetica”、“Arial”或“Courier”。
center標記之間的所有內容都居中。
em標記用于強調文本，文本通常以斜體顯示，可能會根據瀏覽器的不同而有所不同。
strong標記用于著重強調文本，通常以粗體顯示，可能會根據瀏覽器的不同而有所不同。
下面是以上標記的示例：
瀏覽器顯示內容如下所示：
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
