本博客为本人学习笔记，参考书为《Head First HTML与CSS》，如有不对，请见谅。
认识新词汇:
font–family定制页面中使用的字体：Verdana,Geneva,Arial,sans–serif;
font–weight影响字体粗细：lighter,normal,bold,bloder;
text–decoration为文本增加更多风格：none,underline,overline,line–through;
一、设置字体
字体系列：
1.sans–serif系列：没有衬线的字体，比serif系列在计算机上更容易读取；
3.Monospace系列：包含固定宽度的字符，主要用于显示软件代码；
使用CSS指定字体系列：
body {
font-family:Verdana,Geneva,Arial,sans-serif;
}创建一个首选字体列表，两种、三种都可以，希望大多数浏览器有你的第一选择，至少保证浏览器能提供其中一种。
增加Web字体：
@font-face{
font-family:Emblema One;
src:url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/Emblema One-Regular.woff") ，
url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/Emblema One-Regular.ttf")；
}
h1{
font-family:"Emblema One",sans-serif;
}二、调整字体大小
px
%
em
body {
font-size: 14px;
}
h1{
font-size: 150%;
}
h2{
font-size: 1.2em;
}关键字
把字体大小指定为：xx-small，x-small，small,medium,large,x-large,xx-large。浏览器会把关键字转为像素值，它会使用浏览器中定义的默认值完成转换。每个大小约比前一个大20%。推荐small,medium。
三、改变字体粗细
也可以设置为100-900之间中的一个数（100的倍数）font-weight：200
四、为字体增加风格
斜体文本 （多用）
向右倾斜，另外衬线还有弯曲。
倾斜风格
五、指定颜色
Web颜色是按构成颜色的红、绿、蓝三个分量所占数值（0-100%）来指定的。
按名指定颜色
16种：Aqua,Black,Blue,Fuchsia,Gray,Green,Lime,Maroon,Navy,Olive,Pueple,Red,Silver,Teal,White,Yellow。
body {
background-color:Blue;
}用红绿蓝值指定颜色
body {
background-color:rgb(80%,40%,20%);
}用十六进制码指定颜色
十六进制码以#开头，共6位，前两位代表红色，中间两位代表绿色，后两位代表蓝色。
其中红色十六进制为cc转化为十进制为12*16+12=204；
如何找到Web颜色使用在线颜色表
六、文本装饰
em {
text-decoration:line-through;
}em {
text-decoration: underline overline;
}这使em元素有一个下划线和一个上划线。只有同时指定，才会有累加效果。
颜色为#888888的细虚线下边框为：border–bottom:thin dotted #888888
em {
text-decoration: none;
}原文地址:https://blog.csdn.net/weixin_57018383/article/details/129767495
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_48760.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
