Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
SS學(xué)習(xí)之font-style
語法:
font-style : normal | italic | oblique
參數(shù):
normal : 正常的字體
italic : 斜體。對于沒有斜體變量的特殊字體,將應(yīng)用oblique
oblique : 傾斜的字體
說明:
設(shè)置或檢索對象中的字體樣式。
對應(yīng)的腳本特性為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屬性值的用法:
屬性值第一個值為水平位置,第二個值是垂直位置。可以使用百分比,像素,關(guān)鍵字來定義屬性值。
x% y%
background-position: 50% 50%;
xpos ypos
background-position: 100px,200px;
關(guān)鍵字值得用法:
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 設(shè)置字體大小。(瀏覽器默認(rèn)的是16px)
p{font-size:14px;}
注意第二個字體設(shè)置為16px是為了讓童靴們對比出默認(rèn)字體大小。
瀏覽器中顯示:
2.font-weight 設(shè)置字體的粗細(xì)。
p{font-weight:bold}
font-weight 屬性值:
normal 默認(rèn)值。定義標(biāo)準(zhǔn)的字符。
bold 定義粗體字符。
bolder 定義更粗的字符。
lighter 定義更細(xì)的字符。
數(shù)字定義:定義由粗到細(xì)的字符。400 等同于 normal,而 700 等同于 bold。
100
200
300
400
500
600
700
800
900
3.font-family
設(shè)置字體系列。屬性值可以是多個。
p{font-family:"Times New Roman",Georgia,Serif;}
上面的例子設(shè)置了多個屬性值,如果瀏覽器不支持第一個字體,則會嘗試下一個。
你必須非常努力,才能看起來毫不費力!
關(guān)注小白前端,持續(xù)收到文章推送!
以下HTML標(biāo)記用于格式化網(wǎng)頁上文本的外觀。這可以使網(wǎng)頁變得更加生動,但是,文本格式的太多變化也會使人不快。
head標(biāo)記有6個級別可用,從h1用于最大和最重要的標(biāo)題,到h6是最小的標(biāo)題。
b標(biāo)記之間的文本以粗體顯示,與周圍的文本相對突出。
i標(biāo)記以一個小角度顯示文本。
u標(biāo)記在文本正文添加一條線,請注意,鏈接已經(jīng)有下劃線,不需要額外的標(biāo)記。
strike標(biāo)記在文本的正中間畫一條線,通常用來表示文本是舊的,不再相關(guān),刪除。也可以用<s></s>代替。
pre標(biāo)記之間的任何文本,包括空格、回車符和標(biāo)點符號,都將像在文本編輯器中一樣顯示在瀏覽器中(通常瀏覽器會忽略多個空格)
code標(biāo)記之間的文本以固定寬度字體顯示,通常在顯示源代碼時使用。
tt標(biāo)記之間的文本就像是用打字機打出了一個固定寬度的文字。
blockquote標(biāo)記定義一個塊引用,并且在塊的左右添加額外的邊距。
small標(biāo)記讓你無需設(shè)置字體大小,就可以使文本呈現(xiàn)比周圍稍小的外觀。
font標(biāo)記的color屬性改變幾個字或一段文字的顏色。屬性使用十六進(jìn)制顏色代碼。
font標(biāo)記的size屬性改變字體的大小,值范圍從1到7,1是最小,7是最大。
font標(biāo)記的size屬性還可以相對于其前面的字體大小的作即時更改,此用法將按你指定的數(shù)字增減字體大小。例如:<font size="-1">一些文本</font>
font標(biāo)記的face屬性以指定的字體顯示文本,值為字體名稱,如“Helvetica”、“Arial”或“Courier”。
center標(biāo)記之間的所有內(nèi)容都居中。
em標(biāo)記用于強調(diào)文本,文本通常以斜體顯示,可能會根據(jù)瀏覽器的不同而有所不同。
strong標(biāo)記用于著重強調(diào)文本,通常以粗體顯示,可能會根據(jù)瀏覽器的不同而有所不同。
下面是以上標(biāo)記的示例:
瀏覽器顯示內(nèi)容如下所示:
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。