font和background属性_font.background =-优快云博客

本文深入解析CSS中font和background属性的详细用法，包括font-family、font-style、font-weight、font-size以及background-color、background-image、background-repeat等子属性，并介绍了如何使用简写形式提高代码效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS之font属性和background属性

font

包含以下属性列表

font-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等;
font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）;
font-variant (字体变化): normal（正常）或small-caps（小体大写字母）;
font-weight (字体浓淡): 是normal（正常）或bold（加粗）。有些浏览器甚至支持采用100到900之间的数字（以百为单位）;
font-size（字体大小）: 可通过多种不同单位（比如像素或百分比等）来设置, 如：12xp，12pt，120%，1em

简写

上面的样式简写为：font: font-style font-variant font-weight font-size font-family

.fontStyle01{font:italic normal bold 12px arial,verdana;}

background

包含以下属性列表

background-color：#999999； //元素的背景色
background-image : url(“path/bgFile.gif”); //设置背景图像
background-repeat : repeat-x | repeat-y | repeat | no-repeat; //设置重复方式
background-attachment : fixed | scroll; //设置背景图片的固定方式
background-position : X轴坐标,Y轴坐标[top,bottom,center,left,right,20px,10%]; //设置背景的左上角位置,坐标可以是以百分比或固定单位

简写

上面的样式简写为：background: background-color | background-image | background-repeat | background-attachment | background-position

.bg01{background:#FFCC66  url("path/bgFile.gif")  no-repeat  fixed  left  top; }