【前端寻宝之路】学习和总结CSS的字体属性设置,京东java面试题答案

29 阅读2分钟
Document div { font-family: '宋体'; font-size: 80px; }
这是宋体

在这里插入图片描述


字体大小

Document div { font-family: '宋体'; font-size: 80px; }
这是宋体

在这里插入图片描述


字体颜色

  • 1.直接写颜色的英文单词
color : red ;
  • 2.通过十六进制表示
color : #ff0000 ;
  • 3.通过rgb表示
color : rgb(225,0,0) ;
其中,第二种和第三种表示的都是三原色:红,绿,蓝 数值越大,表示该颜色的分量越浓. 225,225,225就表示白色 0,0,0就表示黑色
Document div{ font-style: oblique; color:#f00; } p { font-style:italic; color: rgb(0, 0, 225); }
这是第一段话

这是第二段话

在这里插入图片描述


字体粗细

在这里插入图片描述

Document div{ font-weight: bolder; } p { font-weight: lighter; }
这是第一段话

这是第二段话

在这里插入图片描述


字体样式

在这里插入图片描述

Document div{ font-style: italic; } p { font-style:oblique; }
这是第一段话

这是第二段话

在这里插入图片描述

img img

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!