![如何用css设置网页字体[多图]](/aiimages/%E5%A6%82%E4%BD%95%E7%94%A8css%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E5%AD%97%E4%BD%93%5B%E5%A4%9A%E5%9B%BE%5D.png)
内嵌标签： thead (可选)、 tbody (可选)、td、tr、colgroup 、 caption (可选)
属性：align ，bgcolor ，bordercolor，border ，cellpadding ，cellspacing ，frame ，width ，summary ，rules 。
现在的table的属性基本已经过时，都使用css进行设置table样式。
1.border-collapsecollapse | separate
collapse : border线合并
separate： border线分隔，默认属性
ps: 使用collapse 此属性时， border-spacing 、empty-cells和 border-radius 失效 ，无任何效果。
2.border-spacinghorizontal <length >| vertical <length >
3.vertical-align 设置内容与图片位置
4.table-layout auto | fixed
ps: auto 表格布局自适应宽度
fixed 表格布局固定宽度，文字内容等可能会溢出
5.caption-side 针对于caption标签的css样式设置
6.empty-cells 但单元格内无内容时候，可设置隐藏
参考：
https://www.sitepoint.com/community/t/table-format-using-css-border-issue/36882/3
https://css-tricks.com/almanac/properties/b/border-collapse/
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Table
语法：font : font-style || font-variant || font-weight || font-size || line-
height || font-family
font : caption | icon | menu | message-box | small-caption | status-bar
取值：
font-style :normal | italic | oblique
font-variant : normal | small-caps
font-weight:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
font-size
line-height
font-family
caption : CSS2 使用有标题的系统控件的文本字体(如按钮，菜单等)
icon : CSS2 使用图标标签的字体
menu : CSS2 使用菜单的字体
message-box : CSS2 使用信息对话框的文本字体
small-caption : CSS2 使用小控件的字体
status-bar : CSS2 使用窗口状态栏的字体
示例：
p { font: italic small-caps 600 12pts/18pts 宋体}
p { font: italic small-caps 600 12pts/150% Courier}
p { font: italic small-caps 600 12pts/1.5 Courier}
p { font: italic small-caps 600 12pts/18pts Courier}
p { font: /18pts serif}
p { font: oblique 100 24pts}
H1 { font: 15pt/17pt bold "Arial" normal }
css中font字体颜色的设置方法：可以用“color”属性来设置css中font字体的颜色。
color 属性规定文本的颜色。
这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框，除非被 border-color 或另外某个边框颜色属性覆盖。
要设置一个元素的前景色，最容易的方法是使用 color 属性。
1、在没有加“color”属性前，字体颜色是默认的颜色，黑色；
2、加上“color”属性以后，字体变成红色。
扩展资料：
font：字体。在微机系统里通常用“fonts”文件夹存放已安装的字体，自己安装字体时，也需要装入“fonts”文件夹中。
第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
语法
font: [ [<'font-style'>||<'font-variant'>||<'font-weight'>]?<'font-size'>[ /<'line-height'>]?<'font-family'>] | caption | icon | menu | message-box | small-caption | status-bar |inherit
参数
该属性是复合属性。第一种声明方式请参阅各参数对应的属性；
第二种声明方式中的参数属于CSS2；
caption: 使用有标题的系统控件的文本字体（如按钮，菜单等）；
icon : 使用图标标签的字体；
menu: 使用菜单的字体；
message-box : 使用信息对话框的文本字体；
small-caption : 使用小控件的字体；
status-bar : 使用窗口状态栏的字体。
说明
设置或检索对象中的文本特性。该属性是复合属性。
对于如何使用用户端系统可能没有的字体，可以参阅@font-face规则。
对应的脚本特性为font。请参阅我编写的其他书目。
示例
p {font: italic small-caps 600 12pts/18pts宋体}
p { font: italic small-caps 600 12pts/150% Courier}
p { font: italic small-caps 600 12pts/1.5 Courier}
p { font: italic small-caps 600 12pts/18pts Courier}
p {font: /18pts serif}
H1 {font:italic bold 15pt/17pt Arial}
参考资料：百度百科-font
