3、CSS核心基础课件.ppt

（1）font-size:字号大小font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。具体如下： CSS字体样式属性 1、CSS字体样式属性 （2）font-family:字体 font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代码： 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。 p{ font-family:微软雅黑;} 使用font-family设置字体时，需要注意以下几点： 各种字体之间必须使用英文状态下的逗号隔开。 中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family: Times New Roman;。 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。 1、CSS字体样式属性 （3）font-weight:字体粗细 font-weight属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100~900（100的整数倍）。 （4）font-variant:变体 font-variant属性用于设置变体（字体变化），一般用于定义小型大写字母，仅对英文字符有效。其可用属性值如下： normal：默认值，浏览器会显示标准的字体。 small-caps：浏览器会显示小型大写的字体，即所有的小写字母均会转换为大写。但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。 1、CSS字体样式属性 （5）font-style:字体风格 font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下： normal：默认值，浏览器会显示标准的字体样式。 italic：浏览器会显示斜体的字体样式。 oblique：浏览器会显示倾斜的字体样式。 1、CSS字体样式属性 （6）font:综合设置字体样式 font属性用于对字体样式进行综合设置，其基本语法格式如下： 选择器{font: font-style font-variant font-weight font-size/line-height font-family;} 使用font属性时，必须按上面语法格式中的顺序书写，各个属性以空格隔开。 其中不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family属性，否则font属性将不起作用。 CSS核心基础 * 复习常用HTML标签 基本 html…/html?????head…/head???meta????????????????????title…/title?????link????????????????????? style…/style????body…/body??!--…--?????????????? ?定义?HTML?文档 文档的信息HTML?文档的元信息 ???文档的标题文档与外部资源的关系文档的样式信息可见的页面内容?注释 文本 h1.../h1???????????????标题字大小（h1~h6）b.../b???????????????????粗体字strong.../strong???粗体字(强调)?i.../i??????????????????????斜体字?em.../em??????????????斜体字(强调)u.../u???????????????????下划线del.../del??????????????删除线(表示删除)center…/center???居中文本ul…/ul?????????????????无序列表?ol…/ol?????????????????有序列表li…/li????????????????????列表项目a?href=”…”…/a????超链接 font?????????????????????????定义文本字体尺寸、颜色、大小sub?????????????????????????下标sup?????????????????????????上标br???????????????????????????换行p????????????????????????????段落 图形 img?src=’”…”???定义图像hr???????????????????水平线 ? ? 1 构造CSS规则 2 基本CS