`

w3c-html-css: font

 
阅读更多
做了5年多的程序员,竟然连font都不是很清楚, 接来下来做个记录吧

字体包含一下属性

Font-family:
   包括字体名称和族类,字体名称也就是我们所说的“字体”,例如Arial、Times New Roman、宋体、  黑体,族类 有sans-serif(每一笔画都会带个勾) 或 serif(不会带勾)

例如:

  h1 {font-family: arial, verdana, sans-serif;}
  h2 {font-family: "Times New Roman", serif;}


Font-style:
   CSS属性font-style定义所选字体的显示样式:normal(正常)、italic(斜体)或oblique(倾斜)。在下例中,所有h2标题都将显示为斜体

  例如:

   h1 {font-family: arial, verdana, sans-serif;}
   h2 {font-family: "Times New Roman", serif; font-style: italic;}


Font-variant:
   字体变化,包括 normal(正常) small-caps(小体大写字母)

例如:

  h1 {font-variant: small-caps;}
  h2 {font-variant: normal;}

  
font-weight:
  字体宽度: normal(正常)或bold(加粗)
例如 :
 p {font-family: arial, verdana, sans-serif;}
td {font-family: arial, verdana, sans-serif; font-weight: bold;}


font-size:
字体大小: 略

字体的缩写形式
font: font-style | font-variant | font-weight | font-size | font-family
例如
   p {
  font-style: italic;
  font-weight: bold;
  font-size: 30px;
  font-family: arial, sans-serif;
}


缩写形式
 p {
   font: italic bold 30px arial, sans-serif;
}


 
分享到:
评论

相关推荐

    html+css技能测试带答案).doc

    - **知识点:** Web标准由万维网联盟(W3C)制定。 **3. 正确描述HTML** - **知识点:** HTML是一种标记语言,而不是编程语言;可以使用文本编辑器编写;HTML中的标签并不全是成对出现的;`<head>`部分不能包含`<body>...

    网页HTMLCSS标签代码及描述大全.pdf

    W3C(World Wide Web Consortium)是负责制定HTML和CSS等Web标准的组织。CSS1和CSS2是早期的规范版本,而CSS2.1是对CSS2的改进。CSS3由于模块化被分割成不同的模块,每个模块可以独立地发展和标准化。 #### CSS3的...

    css学习文档

    - 为了解决内容与表现分离的问题,W3C引入了CSS。 **CSS的优点:** - **提高工作效率:** 外部样式表可以被多个HTML页面共享,简化了网站维护的工作量。 - **内容与表现分离:** CSS使得内容和表现可以独立管理。 - **...

    W3C 标准 深入 体验

    ### W3C标准深入体验知识点解析 #### 一、W3C介绍 - **W3C组织**: W3C(World Wide Web Consortium)即万维网联盟,是一个国际性的标准化组织,致力于制定并推广Web技术的标准。W3C的目标是确保Web技术能够长期...

    Unit3-02-HTML-:向CSS添加边界和样式

    本单元“Unit3-02-HTML-:向CSS添加边界和样式”着重讲解如何利用CSS来增强HTML元素的外观,包括设置边界、添加样式以及如何有效地管理页面布局。 首先,我们要理解CSS的基础概念。CSS是一种用于定义HTML或XML...

    广告代码超级好用

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ``` #### 4.2 字符编码 - **属性**:`http-equiv` 和 `content`。 - **作用**:指定...

    HTML&CSS

    DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ``` 这里的DTD声明表示文档遵循的是HTML 4.01过渡型标准。DTD分为三种类型:严格型(Strict)、过渡型(Transitional)和框架型(Frameset)。 ##...

    韩顺平HTML课程笔记

    - **标准制定**: W3C组织负责HTML标准的制定和发展。 - **版本演进**: 从HTML 1.0到HTML5,后者是当前主流版本。 - **兼容性和标准**: HTML5强调向前兼容,同时提供了更丰富的功能。 ##### 1.5 W3C简介 - **W3C**: ...

    aplicacoes-para-internet-t2:使用HTML,CSS,Bootstrap和Font-Awesome技术开发响应式,经过语义和W3C验证的网页

    根据W3C验证程序,即和,所有.html和.css页面都必须正确。 新闻类型和配色方案是免费的。 压缩.html和.css文件并上传。 我们的想法是与其他学生分享获得的知识。 以rgm.zip格式命名文件。 为了帮助您完成这项...

    CSS入门教程

    - **CSS1**: 1997年由W3C发布,作为HTML4的一部分,提供了基本的样式设置能力。 - **CSS2**: 1998年发布,增加了更多功能,如固定定位、媒体类型等。 - **组成部分**: - **脚本语言**: 如JavaScript、Vbscript等...

    html和css学习笔记

    - **W3C (World Wide Web Consortium)**: 万维网联盟,负责制定和维护Web标准,确保这些标准能够自由地被公众使用。 - **HTML (HyperText Markup Language)**: 超文本标记语言,用来创建网页的基本语言。 - **CSS ...

    w3c标准html5手册 css3.0参考手册

    W3C(万维网联盟)是定义这两项标准的主要机构,确保了跨浏览器和设备的一致性。 **HTML5手册中的主要知识点:** 1. **新元素的引入**:HTML5引入了如、、、、、等语义化元素,增强了文档结构,便于搜索引擎优化和...

    CSS的设计与应用

    - **CSS2.1**:目前广泛使用的版本,是W3C推荐的标准。 - **CSS3**:仍在不断发展中的版本,引入了许多新特性,如动画、变形等。 - **重要性**:通过简单的CSS文件更改即可改变整个网站的外观,极大地减少了开发...

    CSS 2 参考手册

    - 为了解决这一问题,W3C(World Wide Web Consortium)制定了HTML4.0标准,并引入了CSS作为解决方法,确保文档内容与表现形式的独立性。 #### 三、CSS2 的优势 - **工作效率的提高**:通过外部样式表,开发者可以...

    DIV+CSS布局大全

    - **标准遵循**:选择合适的DOCTYPE有助于确保网页符合W3C制定的标准。 - **跨浏览器兼容性**:正确的DOCTYPE可以减少跨浏览器之间的差异,提高网页的一致性表现。 - **如何选择DOCTYPE?** - 如果使用XHTML,则...

    W3C+CSS标准手册

    **W3C与CSS标准简介** W3C(World Wide Web Consortium)是互联网标准化组织,负责制定和维护网络技术的开放标准,包括HTML、XML、SVG等。CSS(Cascading Style Sheets)则是W3C制定的一种样式表语言,用于描述HTML...

    XHTML DIV CSS教程

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ``` - **过渡型 (Transitional)**: 允许使用一些非严格的 HTML 元素和属性。 - **...

Global site tag (gtag.js) - Google Analytics