CSS基础知识梳理-font字体
2014-05-13 09:10
471 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css中的字体</title> <style type="text/css"> h1 { /*设置字体的尺寸*/ font-size: medium; /*设置字体的风格,italic(斜体的字体样式),oblique(倾斜的字体样式)*/ font-style: normal; /*所有小写字母转换成大写,但是尺寸要比一般字母小*/ font-variant: normal; /*设置字体的粗细*/ font-weight: bold; } h1.oblique { /*设置字体的尺寸*/ font-size: medium; /*设置字体的风格,italic(斜体的字体样式),oblique(倾斜的字体样式)*/ font-style: normal; font-variant: normal; font-weight: normal; } </style> </head> <body> <h1>css font-family</h1> <h1 class="oblique">css font-family</h1> <p class="serif">This is a paragraph, shown in the Times New Roman font.</p> <p class="sansserif">This is a paragraph, shown in the Arial font.</p> </body> </html>
相关文章推荐
- CSS基础知识真难啊-font
- CSS基础知识梳理-background
- CSS基础知识梳理-text文本
- css基础 font-family 字体不同,特殊符号的样式不同
- CSS基础知识梳理-anchor链接
- CSS基础知识之字体、文本
- CSS 一些基础知识(优先级、行内元素的一些属性、font-size单位) 怎样不加载图片
- CSS基础知识梳理-table表格
- CSS基础知识梳理-列表ul
- CSS 一些基础知识(优先级、行内元素的一些属性、font-size单位) 怎样不加载图片
- css基础知识梳理
- css基础 font-family 设置字体与CSS Unicode 简单示例
- CSS font-family字体
- CSS基础知识(一)
- css字体样式(Font Style),属性
- CSS基础知识
- XHTML & CSS 基础知识入门
- Css远程字体 font-face
- javascript基础知识梳理-window全局对象
- css 基础知识