網頁設計中css樣式中的font屬性與

2021-03-08 17:05:16 字數 4065 閱讀 8396

1樓:純潔的小樹

字型設定使用 css font 屬性

定義和用法

font 簡寫屬性在一個宣告中設定所有字型屬性。

註釋:此屬性也有第六個值:"line-height",可設定行間距。

說明可以按順序設定如下屬性:

font-style

font-variant

font-weight

font-size/line-heightfont-family

可以不設定其中的某個值,比如 font:100% verdana; 也是允許的。未設定的屬性會使用其預設值。

可能的值

拓展:設定字型可以使用css font全部設定。也可以使用font-size、font-family之類的屬性進行單獨設定。

2樓:

font 是 縮寫

比如:font-family:'微軟雅

黑';font-size:10px;

font-weight:bold;

line-height:24px;

這樣可以這樣寫: font:'微軟雅黑' 10px/24px bold;

所以 font 只是一個縮寫

3樓:匿名使用者

font是簡寫,其中包含了很多屬性,font-family就包含在裡面,簡寫的好處是讓css**更簡潔

4樓:颸颸羽風

css樣式中的font為內聯樣式屬性,在html標籤內style中定義字型;

font-family為外部樣式屬性,在css檔案中定義字型。

5樓:匿名使用者

font-family 字型

font 是設計字的樣式,比如字型 顏色啥的都可以加進去

6樓:匿名使用者

效果是一樣的,一個是在css中實現,css中必須使用font-family:黑體;

html中必須使用font="黑體"

關於這個問題老師也講過,那是css中的寫法,是不可以簡寫的。也告訴我們儘量使用css寫法,以達到**的簡潔性。

在css樣式中font&font-family有什麼區別?

7樓:匿名使用者

font-family 是 font 內的一個屬性標籤,但是font範圍太廣,當你在font內定

義字型版的時候中文字型需要加上雙引號,例如

權"宋體",並且font在w3c標準中不可以單獨書寫字型,必須填寫完整其他屬性,並且有順序要求,具體的我也沒試過。 但是,國際上很少有單獨使用font的例子,一般定義字型都用font-family,免去了font的很多麻煩。 在書寫符合w3c標準的css**時,常用的字型定義無非font-family和font-size,並不累贅,所以,還是建議你使用font-family定義字型!

如果不考慮w3c的問題,使用font也沒有關係!!呵呵…… 希望我的建議對您有幫助!

8樓:匿名使用者

font-family是font的一個分支,font一定要寫字型大小和字型名稱才能起作用,其他屬性可不寫。

font:blod 12px/18px "宋體";

css裡寫font:「」,「」裡面各項的屬性是什麼呢?

9樓:紅牛加長

font-style 規定字型樣式。參閱:font-style 中可能的值。

font-variant 規定字型異體。參閱:font-variant 中可能的值。

font-weight 規定字型粗細。參閱:font-weight 中可能的值。

font-size/line-height 規定字型尺寸和行高。參閱:font-size 和 line-height 中可能的值。

font-family 規定字型系列。參閱:font-family 中可能的值。

caption 定義被標題控制元件(比如按鈕、下拉選單等)使用的字型。

icon 定義被圖示標記使用的字型。

menu 定義被下拉選單使用的字型。

message-box 定義被對話方塊使用的字型。

**all-caption caption 字型的小型版本。

status-bar 定義被視窗狀態列使用的字型。

10樓:ctracer韓服

||語法:

font : font-style || font-variant || font-weight || font-size || line-

height || font-family

font : caption | icon | menu | message-box | **all-caption | status-bar

取值:font-style :normal | italic | oblique

font-variant : normal | **all-caps

font-weight:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

font-size

line-height

font-family

caption : css2 使用有標題的系統控制元件的文字字型(如按鈕,選單等)

icon : css2 使用圖示標籤的字型

menu : css2 使用選單的字型

message-box : css2 使用資訊對話方塊的文字字型

**all-caption : css2 使用小控制元件的字型

status-bar : css2 使用視窗狀態列的字型

示例:p

p p

p p

p h1

11樓:木村智樹

font:normal normal bold 12px "宋體";

12樓:棍客網

font-family:宋體;

font-size:12px;

font-weight:bold; /*加粗*/顏色都是color,沒有font-color

13樓:陶爍陽莞爾

要搞清楚這個問題,首先要明白字型是怎麼回事。一種字型有粗體、斜體、下劃線、刪除線等諸多屬性。

但是並不是所有字型都做了這些,一些不常用的字型,或許就只有個正常體,如果你用italic,就沒有效果了~這時候你就要用oblique.

可以理解成italic是使用文字的斜體,oblique是讓沒有斜體屬性的文字傾斜!

明白了把?

另外附上css2.0上邊的解釋你參考下:

italic和oblique都是向右傾斜的文字,

但區別在於italic是指斜體字,而oblique是傾斜的文字,對於沒有斜體的字型應該使用oblique屬性值來實現傾斜的文字效果.

css中font屬性問題,字型和行高

14樓:封子雨

前面 先設定的是 font-size, 後面才是 line-height;剛剛在chrome測試了下 ,單獨寫 font: 10px/1.5em; 是無效的。

但是 在後面加上font-family就可以。比如: font:

10px/1.5em arial,verdana;或者寫成 font: 10px/1.

5em "";也是有效的。font前面的簡寫屬性可以不寫,但是font-family屬性一定要寫否則就無效。完整的font簡寫屬性 font:

italic **all-caps bold 12px/1.5em arial,verdana; 建議只是設定行高 和 字型大小 沒必要使用簡寫屬性。可以參考bootstrap對使用簡寫屬性的建議。

15樓:匿名使用者

你沒拷貝全吧。

10px是font-size,20px是line-height

沒什麼理由,語法就是這樣規定的!

css樣式中和body的區別,在css中,body和有什麼不同啊

body控制的是正規物理頁面你能看見的部分,在body體中加div標籤和body體不是一個級別的,渲染的先後順序是不一樣的。而 則表示所有標籤 body 是一個類。只有引用時才有效 如 而body 則不需要引用。只要頁面中有這個標籤就有效 在css中,body和 有什麼不同啊 能規定所有元素標籤的樣...

bodydiv什麼意思,CSS樣式中 body 後面跟個 是什麼意思?

指body的子節點來中節點名稱自是div的控制項。注意 是子節點 如果是 body div,則表示子孫節點如果是 body div,則表示body後面的節點名稱是div的同層控制項。你可以看一下css的寫法或者是jquery選擇器的使用。body 的所有 div子元素 css樣式中 body 後面跟...

在css中設定ul樣式,怎樣修改li的前面預設圓點的顏色

li把預設的給去掉,然後把著了色的圓點切成一張背景 使用。1.li自身圓點的顏色是修改不了的,你不想要那個圓點的話,可以通過以下幾種方式來解決,將圓點去掉,li,然後用color ff0000 設定字型的顏色,這裡的點就是紅色的了。4.將圓點去掉,li 然後將那個點做成 然後嵌入li中。list1。...