Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >13 atribut gaya fon CSS yang biasa digunakan, yang manakah anda tahu?
Artikel ini membawakan anda beberapa atribut gaya fon css yang biasa digunakan semasa menetapkan gaya fon Saya harap ia akan membantu semua orang.
font-size
Saiz fonfont-size
Atribut digunakan untuk menetapkan saiz fon Nilai atribut ini boleh menggunakan unit panjang relatif atau unit panjang mutlak. font-size: 14px; // px 绝对像素单位font-size: 1em; // 相对父元素字体大小单位// 注:每个元素必须有字体大小,如果没有申明,则直接使用父元素的字体大小// 如果没有父元素(html)则使用基准字号,基准字号为浏览器里设置的字号
font-family
Gaya fon font-family
atribut digunakan untuk menetapkan fon. Fon yang biasa digunakan dalam halaman web termasuk Dinasti Lagu, Microsoft YaHei, HeiTi, dll. Contohnya, untuk menetapkan fon semua teks perenggan dalam halaman web kepada Microsoft YaHei, anda boleh menggunakan kod gaya CSS
berikut: p{ font-family:"微软雅黑"; } // 注: 可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体。
CSS Unicode
FonTetapkan nama fon dalam CSS
dan anda boleh terus menulis bahasa Cina. Walau bagaimanapun, ralat bercelaru akan berlaku apabila pengekodan fail (GB2312, UTF-8, dll.) tidak sepadan. Sistem XP tidak menyokong bahasa Cina yang serupa dengan Microsoft Yahei.
Pilihan 1: Anda boleh menggunakan bahasa Inggeris sebaliknya. Contohnya, font-family: "Microsoft Yahei".
Pilihan 2: Menggunakan pengekodan Unikod secara langsung untuk menulis nama fon dalam CSS boleh mengelakkan ralat ini. Gunakan Unicode untuk menulis nama fon Cina, dan penyemak imbas boleh menghuraikannya dengan betul. font-family: "5FAE8F6F96C59ED1" bermaksud menetapkan fon kepada "Microsoft Yahei".
Anda boleh menggunakan escape() untuk menguji kepunyaan fon itu.
体名称 | 英文名称 | Unicode 编码 |
---|---|---|
宋体 | SimSun | 5B8B4F53 |
新宋体 | NSimSun | 65B05B8B4F53 |
黑体 | SimHei | 9ED14F53 |
微软雅黑 | Microsoft YaHei | 5FAE8F6F96C59ED1 |
楷体GB2312 | KaiTiGB2312 | 69774F53_GB2312 |
隶书 | LiSu | 96B64E66 |
幼圆 | YouYuan | 5E7C5706 |
华文细黑 | STXihei | 534E65877EC69ED1 |
细明体 | MingLiU | 7EC6660E4F53 |
Nota: Untuk menangani isu pemasangan fon pada komputer yang berbeza, kami cuba hanya menggunakan fon Song Dynasty dan Microsoft Yahei Chinese
font-weight
Ketebalan fon b
dan strong
, anda boleh menggunakan CSS
untuk mencapai fon tebal, tetapi CSS
tidak mempunyai semantik . 属性 | 属性值 | 作用 |
---|---|---|
font-weight: | normal(简写400) | 不加粗 |
bold(简写700) | 加粗 | |
100~900(100的整倍数) | 数值越大字体越粗 |
Nota: Nombor css 400 bersamaan dengan biasa dan 700 bersamaan dengan tebal. Tetapi kami lebih suka menyatakannya dalam angka.
font-style
Gaya foni
dan em
, anda juga boleh menggunakan CSS
untuk mencapai huruf condong. Tetapi CSS
tidak bermakna. 属性 | 属性值 | 作用 |
---|---|---|
font-style: | normal | 默认值,浏览器会显示标准的字体样式 |
italic | 浏览器会显示斜体的字体样式 | |
oblique | 浏览器会显示倾斜的字体样式 |
注:平时我们很少给文字加斜体,反而喜欢给斜体标签(em,i)改为普通模式
font
文字属性速写 (重点)font
属性用于对字体样式进行综合设置,其基本语法格式如下:选择器{ font: font-style font-weight font-size/line-height font-family;}// font:style weight size/行高 字体类型,大小和类型不能省略
letter-spacing
字体间距letter-spacing
就是文字与文字间的间距,值可以负数,默认值normal
p{ letter-spacing : 2px;}
text-decoration
文本修饰:加线line-through
:穿过文字,表示中间加条线overline
:上面加条线(少用)underline
:下面加条线none
:表示没有线,去掉线拓展:
del、s元素默认中间加线;del元素表示废弃、错误的内容;s元素表示过期的内容;a元素默认下面加线,表示超链接text-indent
首行文本缩进line-height
文本行高/垂直居中letter-spacing
文字间隙text-align
文字、行盒、行块盒水平排列方式(学习视频分享:css视频教程)
Atas ialah kandungan terperinci 13 atribut gaya fon CSS yang biasa digunakan, yang manakah anda tahu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!