分享更有价值
被信任是一种快乐

css中有哪些字体样式属性

文章页正文上

小编给大家分享一下css中有哪些字体样式属性,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!css字体样式属性有:1、color是字体颜色;2、【font-size】字号大小;3、【font-family】字体;4、【font-weight】字体粗细;5、【font-style】字体风格。css字体样式属性有:1、color 字体颜色定义元素内文字颜色。语法:color属性用于定义文本的颜色,其取值方式有如下3种:1)预定义的颜色值,如red,green,blue等。2)十六进制,如#FF0000,#FF6600,#29D794等。实际工作中,十六进制是最常用的定义颜色的方式。3)RGB代码,如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。需要注意的是,如果使用RGB代码的百分比颜色值,取值为0时也不能省略百分号,必须写为0%。2、font-size 字号大小定义元素内文字大小。语法:3、font-family 字体font-family属性用于设置字体。语法:网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑,可以使用如下CSS样式代码:可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体。CSS Unicode字体在 CSS 中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。xp 系统不支持 类似微软雅黑的中文。方案一: 你可以使用英文来替代。 比如 font-family:”Microsoft Yahei”。方案二: 在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称,浏览器是可以正确的解析的。 font-family: “5FAE8F6F96C59ED1″,表示设置字体为“微软雅黑”。可以通过escape() 来测试属于什么字体。4、font-weight 字体粗细字体加粗除了用 b 和 strong 标签之外免费云主机、域名,可以使用CSS 来实现,但是CSS 是没有语义的。font-weight属性用于定义字体的粗细,其可用属性值:normal、bold、bolder、lighter、100~900(100的整数倍)。技巧:默认normal。数字 400 等价于 normal,而 700 等价于 bold。但是我们更喜欢用数字来表示。5、font-style 字体风格字体倾斜除了用 i 和 em 标签之外,可以使用CSS 来实现,但是CSS 是没有语义的。font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体,其可用属性值如下:normal:默认值,浏览器会显示标准的字体样式。italic:浏览器会显示斜体的字体样式。oblique:浏览器会显示倾斜的字体样式。技巧:平时我们很少给文字加斜体,反而喜欢给斜体标签(em,i)改为普通模式。6、font-variant 字体变形设置元素中文本为小型大写字母。语法:font属性简写font属性用于对字体样式进行综合设置,其基本语法格式如下:使用font属性时,必须按上面语法格式中的顺序书写,不能更换顺序,各个属性以空格隔开。注意:其中不需要设置的属性可以省略(取默认值),但必须保留font-sizefont-family属性,否则font属性将不起作用。7、@font-face(CSS3)@font-face的语法规则看完了这篇文章,相信你对“css中有哪些字体样式属性”有了一定的了解,如果想了解更多相关知识,欢迎关注云技术行业资讯频道,感谢各位的阅读!

相关推荐: css modules指的是什么意思

这免费云主机、域名篇文章主要介绍css modules指的是什么意思,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! css modules指的是所有的类名和动画名称默认都有各自作用域的CSS文件,是在构建步骤中对CSS类名和选择器限定作…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册