html css文字加粗方法

2021-09-27 05:01:45 字數 1702 閱讀 6470

一般來說前端加粗字型的方法有兩種,乙個是html標籤加粗的方法,另乙個是css加粗字型的方法,還有乙個是字型加粗方法。前兩個是我們最常用的方法,後乙個感覺有點非主流的方法,也不知道我是怎麼想到這種方法的,有點為自己的智商感到悲傷,下面給大家詳細的介紹一下。

一、標籤方法加粗文字

1、h(1~6標籤)書寫方式

h4標籤 -> cglweb前端

h5標籤 -> cglweb前端

h6標籤 -> cglweb前端

2、頁面效果

h1標籤 -> cglweb前端

h2標籤 -> cglweb前端

h3標籤 -> cglweb前端

h4標籤 -> cglweb前端

h5標籤 -> cglweb前端

h6標籤 -> cglweb前端

2、strong標籤

strong標籤 -> cglweb前端(www.gendan5.com)

strong標籤 -> cglweb前端

3、b標籤

b標籤 -> cglweb前端

b標籤 -> cglweb前端

這其中我們一般是使用strong來加粗的,原因如下,b標籤現在已經是廢棄標籤,所以我們就不用了。

h標籤一般用在seo優化的,所以除非是列表、二級選單、詳情頁標題除外不建議使用。

因為有些瀏覽器對h標籤定義的文字大小不一樣,所以我們為了每乙個瀏覽器上文字大小一樣,會設定一樣的fon-size。

二、css方法加粗文字

css有個文字加粗的屬性

font-weight:normal|bold|bolder|lighter|inherit|

1、normal:預設值。定義標準的字元。

2、bold:定義粗體字元。

3、bolder:定義更粗的字元。

4、lighter:定義更細的字元。

5、數字:|100|200|300|400|500|600|700|800|900定義由粗到細的字元。400 等同於 normal,而 700 等同於 bold。

6、inherit:規定從父元素繼承字型的粗細。

1、css書寫方式為一下:

2、頁面效果可以自己試一下

其實感覺css加粗的各種數值和屬性,以我24k合金眼睛來觀察了一下,並沒有什麼區別,只有加粗和不加粗的區別而已,希望有知道的道友指點一二。

二、字型加粗方法

1、書寫方式

cglweb前端 -> font-family:'楷體'

cglweb前端 -> font-family:'黑體'

cglweb前端 -> font-family:impact

cglweb前端 -> font-family:'仿宋'

cglweb前端 -> font-family:'微軟雅黑'

2、頁面效果

cglweb前端 -> font-family:』楷體』

cglweb前端 -> font-family:』黑體』

cglweb前端 -> font-family:impact

cglweb前端 -> font-family:』仿宋』

cglweb前端 -> font-family:』微軟雅黑』

這個方法在很久以前使用過,主要是用在英文會好點,咱們就看impact這個字型就能知道加粗是多麼的厲害了。

漢字的話因為考慮到電腦上缺失字型的原因不建議使用,目前還沒有在漢字上使用過。

LaTeX 文字和數學符號加粗命令

mathbf boldmath boldsymbol bm textbf amsmath 巨集包 bm 巨集包 在數學模式下,加粗一般字型,比如a,b,c,a,b,c 加粗數學符號 加粗數學符號 加粗數學符號 加粗文字模式中的文字,加粗數學模式的文字為 text 加粗文字模式的文字 與 mathrm...

HTML Css文字排版 字型 段落

font family 字型的型別現在一般網頁喜歡設定 微軟雅黑 如下 body 字型大小 顏色font size colorbody文字的樣式 粗體 斜體 下劃線 刪除線 縮排 行高 字間距 文字對齊 font weight bold 加粗font style italic 斜體 text dec...

HTML CSS樣式 文字屬性

什麼是css?cascading style sheets,簡稱cs,層疊樣式表。用來修飾html檔案,對網頁元素進行排版或大小控制等操作。也就是說,html檔案填充了網頁的內容,而css則是控制內容的表現 例如 元素的大小,元素在網頁中的位置,元素的背景等屬性。css 寫在那裡?1 內聯樣式 行內...