在手機(jī)端進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，樣式的設(shè)定要尤為注意。其中，字體加粗的設(shè)置可幫助信息更加突出。但是在css中如何設(shè)置字體加粗呢？下面我們來(lái)簡(jiǎn)單了解一下。
在css中，我們可以使用“font-weight”屬性來(lái)設(shè)置文字的粗細(xì)程度。通過(guò)設(shè)置不同的值，可以得到不同粗細(xì)的字體，其中，“bold”代表最粗的字體，“normal”則代表最細(xì)的字體。
接下來(lái)，我們?cè)诰唧w實(shí)現(xiàn)的時(shí)候，需要注意一些細(xì)節(jié)。當(dāng)我們?yōu)槲淖旨哟值臅r(shí)候，不僅可以通過(guò)``或``標(biāo)簽來(lái)設(shè)置，也可以通過(guò)css樣式表中的字體屬性來(lái)設(shè)置。
例如，下面這個(gè)例子就可以通過(guò)使用下面的css代碼來(lái)給`
`標(biāo)簽中的文字加粗： ``` p { font-weight: bold; } ``` 當(dāng)然，在實(shí)踐中，我們經(jīng)常會(huì)使用自定義字體。為了保證在各大小屏幕上的兼容性，我們可以為不同屏幕設(shè)備設(shè)置不同的字體大小。下面是一個(gè)基于屏幕分辨率來(lái)設(shè)置不同字體大小的例子： ``` html { font-size: 16px; } @media screen and (max-width: 480px) { html { font-size: 14px; } } @media screen and (max-width: 320px) { html { font-size: 12px; } } ``` 以上代碼表示，在不同分辨率的屏幕上，文字大小會(huì)不同。在分辨率不超過(guò)480px時(shí)，字體大小是14px，而在分辨率不超過(guò)320px時(shí)，字體大小則更小一些。 通過(guò)以上方法，我們可以非常靈活地為手機(jī)端設(shè)計(jì)網(wǎng)頁(yè)。字體加粗的設(shè)置對(duì)信息突出非常有幫助，因此，我們需要注意將其運(yùn)用到實(shí)踐中。
上一篇c jquery引入