html-CSS-字体复合属性

<style>
 div{
 font-style:italic;				/*字体样式:斜体*/
 font-weight:700;				/*字体粗细:700(bold)*/
 font-size:16px;				/*字体大小:16像素*/
 font-family:"Microsoft yahei";	/*字体:微软雅黑*/
}
</style>

字体复合属性,顺序不能改变

font:font-style font-weight font-size/line-height font-family;

字体大小和字体不可省略,其他的可省略

<style>
 div{
/*font:font-style font-weight font-size/line-height font-family;*/
font:italic 700 16px/20px "Microsoft yahei";
}
</style>
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
目录 第1章 HTML 5简介 1 1.1 HTML历史与HTML 5 2 1.2 HTML 5的优势 6 1.3 HTML 5的基本结构和语法变化 8 1.4 本章小结 12 第2章 HTML 5的常用元素与属性 14 2.1 HTML 5保留的常用元素 15 2.2 HTML 5增强的iframe元素 34 2.3 HTML 5保留的通用属性 40 2.4 HTML 5新增的通用属性 44 2.5 HTML 5新增的结构元素 48 2.6 HTML 5新增的语义元素 55 2.7 HTML 5头部和元信息 59 2.8 HTML 5新增的拖放API 63 2.9 本章小结 71 第3章 HTML 5表单相关的元素和属性 72 3.1 HTML原有的表单及表单控件 73 3.2 HTML 5新增的表单属性 83 3.3 HTML 5新增的表单元素 90 3.4 HTML 5新增的客户端校验 96 3.5 本章小结 100 第4章 HTML 5的绘图支持 101 4.1 使用canvas元素 102 4.2 绘图 103 4.3 坐标变换 118 4.4 控制叠加风格 123 4.5 控制填充风格 124 4.6 位图处理 128 4.7 输出位图 132 4.8 动画制作 133 4.9 本章小结 136 第5章 HTML 5的多媒体支持 137 5.1 使用audio和video元素 138 5.2 使用JavaScript脚本控制媒体播放 141 5.3 事件监听 144 5.4 track元素 146 5.5 本章小结 149 第6章 级联样式单与CSS选择器 150 6.1 样式单概述 151 6.2 CSS样式单的基本使用 152 6.3 CSS选择器 158 6.4 伪元素选择器 167 6.5 CSS 3新增的伪类选择器 176 6.6 在脚本中修改显示样式 195 6.7 本章小结 197 第7章 字体与文本相关属性 198 7.1 字体相关属性 199 7.2 CSS 3支持的颜色表示方法 205 7.3 文本相关属性 206 7.4 CSS 3新增的服务器字体 212 7.5 本章小结 215 第8章 背景、边框和边距相关属性 216 8.1 盒模型简介 217 8.2 背景相关属性 217 8.3 使用渐变背景 226 8.4 边框相关属性 239 8.5 使用opacity控制透明度 246 8.6 padding和margin相关属性 247 8.7 本章小结 249 第9章 大小、定位、轮廓相关属性 250 9.1 width、height相关属性 251 9.2 定位相关属性 255 9.3 轮廓相关属性 257 9.4 用户界面和滤镜属性 258 9.5 本章小结 263 第10章 盒模型与布局相关属性 264 10.1 盒模型和display属性 265 10.2 对盒添加阴影 275 10.3 布局相关属性 278 10.4 CSS 3新增的多栏布局 285 10.5 使用弹性盒布局 289 10.6 本章小结 306 第11章 表格、列表相关属性及media query 307 11.1 表格相关属性 308 11.2 列表相关属性 313 11.3 控制光标的属性 316 11.4 media query和响应式布局 317 11.5 本章小结 323 第12章 变形与动画相关属性 324 12.1 CSS 3提供的变形支持 325 12.2 CSS 3新增的3D变换 337 12.3 CSS 3提供的Transition动画 341 12.4 CSS 3提供的Animation动画 345 12.5 本章小结 349 第13章 JavaScript语法详解 350 13.1 JavaScript简介 351 13.2 数据类型和变量 356 13.3 基本数据类型 364 13.4 复合类型 376 13.5 运算符 381 13.6 语句 391 13.7 流程控制 395 13.8 函数 403 13.9 函数的参数处理 425 13.10 面向对象 429 13.11 创建对象 437 13.12 本章小结 443 第14章 DOM编程详解 444 14.1 DOM模型概述 445 14.2 DOM模型和HTML文档 446 14.3 访问HTML元素 448 14.4 修改HTML元素 456 14.5 增加HTML元素 458 14.6 删除HTML元素 463 14.7 传统的DHTML模型 467 14.8 使用window对象 469 14.9 navigator和地理定位 479 14.10 HTML 5增强的History API 485 14.11 使用document对象 490 14.12 HTML 5新增的浏览器分析 493 14.13 本章小结 496 第15章 事件处理机制 497 15.1 事件模型的基本概念 498 15.2 绑定事件处理函数 499 15.3 事件处理函数的执行环境 505 15.4 事件类型 521 15.5 本章小结 534 第16章 本地存储与离线应用 535 16.1 Web Storage 536 16.2 Indexed数据库API 545 16.3 离线应用 564 16.4 本章小结 571 第17章 文件支持与二进制数据 572 17.1 HTML 5增强的文件上传域 573 17.2 ArrayBuffer与TypedArray 578 17.3 Blob类 583 17.4 本章小结 587 第18章 Web Worker多线程API 588 18.1 使用Worker创建多线程 589 18.2 与Worker线程进行数据交换 591 18.3 Worker线程嵌套 594 18.4 使用SharedWorker创建共享线程 597 18.5 Promise 603 18.6 本章小结 611 第19章 客户端通信 612 19.1 跨文档消息传递 613 19.2 使用WebSocket与服务器通信 621 19.3 使用Server-Sent Events API 630 19.4 使用Beacon 635 19.5 本章小结 636 第20章 HTML 5的疯狂俄罗斯方块 637 20.1 俄罗斯方块简介 638 20.2 开发游戏界面 639 20.3 俄罗斯方块的数据模型 640 20.4 实现游戏逻辑 644 20.5 本章小结 654
第1章(源代码\第1章) 示例描述:本章演示HTML基本知识 HTML基本标记.html HTML基本标记的用法。 我的第一张网页.html 演示我的第一张网页。 第2章(源代码\第2章) 示例描述:本章演示常用HTML标记和格式 注释.htm 注释的用法。 标题标记.htm 标题标记的用法。 粗体与斜体.htm 粗体与斜体的用法。 段落.htm 段落的用法。 换行.htm 换行的用法。 上标与下标.htm 上标与下标的用法。 下划线与删除线.htm 下划线与删除线的用法。 HTML标记和格式实例手把手.htm HTML标记和格式实例手把手的用法。 第3章(源代码\第3章) 示例描述:本章演示字体标记语法以及其用法 标题字体.htm 标题字体的用法。 标题字体大小.htm 设置标题字体大小。 逻辑字体.htm 逻辑字体的用法。 设置字体大小.htm 设置字体大小。 物理字体.htm 物理字体的用法。 字体实例手把手.htm 演示字体实例手把手。 字体颜色.htm 设置字体颜色。 第4章(源代码\第4章) 示例描述:本章演示文字文字布局标记用法 br的用法.html 演示br的用法。 p的用法.htm 演示p的用法。 不换行.htm 演示不换行标记用法。 段落设置.htm 演示段落设置。 计算机输出格式.htm 计算机输出格式标记和用法。 文字布局手把手.htm 演示文字布局手把手。 文字对齐.htm 演示文字对齐用法。 文字对齐-向右.html 演示文字对齐-向右对齐的用法。 无序列表.htm 演示无序列表的用法。 有序列表.htm 演示有序列表用法。 欲格式化文本.htm 欲格式化文本标记用法。 欲格式化文本行.html 欲格式化文本行标记用法。 第5章(源代码\第5章) 示例描述:本章演示图像标记的用法 alt用法.html 图像参数alt用法。 插入图像.html 演示插入图像。 热点链接.htm 热点链接的用法。 图片链接边框设置.html 图片链接边框设置。 图像top对齐.html 演示图像top对齐。 图像边框设置.html 图像边框设置。 图像链接.htm 图像链接用法。 图像实例手把手.html 演示图像实例手把手。 第6章(源代码\第6章) 示例描述:本章演示超级链接用法 target用法.html 链接参数target的用法。 title用法.html 链接参数title用法。 锚点链接.html 标记锚点链接用法 图片链接.html 演示图片链接。 文字链接.html 演示文字链接。 邮箱地址链接.html 演示邮箱地址链接。 链接实例手把手.html 演示链接实例手把手。 第7章(源代码\第7章) 示例描述:本章演示表单标记的用法 按钮.htm 表单按钮的用法。 表单基本语法.htm 表单基本语法。 表单两属性.html 表单两属性用法。 单选框.htm 表单单选框用法 多行文本域.htm 表单多行文本域用法。 复选框.htm 表单复选框的用法。 密码框.htm 表单密码框的用法。 文本框.htm 表单文本框的用法。 文本域.htm 表单文本域用法。 下拉表.htm 表单下拉表的用法。 表单实例手把手.html 演示表单实例手把手。 第8章(源代码\第8章) 示例描述:本章演示表格标记用法。 表格边框宽度.html 表格边框宽度演示。 表格标题.html 表格标题用法演示。 表格的基本语法.html 表格的基本语法。 表格内对齐.html 演示表格内对齐。 表格内文字对齐.html 演示表格内文字对齐。 表格实例手把手.html 演示表格实例手把手。 表格在网页中的对齐.html 演示表格在网页中的对齐。 表格在网页中对齐.html 演示表格在网页中对齐。 跨多列表元.html 演示跨多列表元。 跨多行、多表表元.html 演示跨多行、多表表元用法。 跨多行表元.html 演示跨多行表元用法。 设置表格大小.html 设置表格大小。 第9章(源代码\第9章) 示例描述:本章演示框架标记的用法 不能调节框架大小.html 演示不能调节框架大小。 不支持框架.html 演示不支持框架情况。 垂直分栏.html 演示垂直分栏。 导航框架.html 导航框架的用法。 导航框架链接.html 导航框架链接的用法。 框架边框隐藏.html 演示框架边框隐藏。 框架基本语法.html 框架基本语法。 框架水平分栏.html 设置框架水平分栏。 内联框架.html 设置内联框架。 设置滚动条.html 设置滚动条。 框架实例手把手.html 演示框架实例手把手。 第10章(源代码\第10章) 示例描述:本章演示移动字体和图片用法。 移动的基本语法.html 移动的基本语法。 文字的移动方向.html 设置文字的移动方向。 图片的移动.html 设置图片的移动。 设置移动对象.html 设置设置移动对象。 移动实例手把手—让图片像电影动起来.html 演示让图片像电影动起来。 第11章(源代码\第11章) 示例描述:本章演示网页多媒体标记的用法。 多媒体基本语法.html 多媒体基本语法。 多媒体循环播放.html 演示多媒体循环播放。 隐藏面板.html 隐藏面板的用法。 设置开始时间.html 设置开始时间。 多媒体面板的对齐.html 演示多媒体面板的对齐。 多媒体实例手把手—在网页中放视频.html 演示在网页中放视频。 smak slow.mp3 名为smak slow 的mp3多媒体文件。 刻舟求剑.swf 名为刻舟求剑的flash多媒体文件。 第12章(源代码\第12章) 示例描述:本章演示用DIV布局。 div布局.html 演示div布局实例。 层嵌套.html 层嵌套的用法。 table布局.html 演示table布局。 DIV布局样式.html 设置DIV布局样式。 如何用DIV布局.html 演示如何用DIV布局。 第13章(源代码\第13章) 示例描述:本章演示DIV与SPAN用法。 SPAN基本语法.html SPAN基本语法。 何时该用SPAN.html 何时该用SPAN。 DIV与SPAN区别一.html 演示DIV与SPAN区别一。 DIV与SPAN区别二.html 演示DIV与SPAN区别二。 DIV与SPAN实例手把手--布局.html 演示DIV与SPAN实例手把手--布局。 第14章(源代码\第14章) 示例描述:本章演示DIV与CSS结合用法。 内联定义样式.html 内联定义样式.html 链入内部CSS样式.html 链入内部CSS样式.html 外链接.html 外链接.html 链接外部CSS样式.html 链接外部CSS样式.html CSS控制DIV.html CSS控制DIV.html DIV+CSS布局.html DIV+CSS布局.html div.css 名为div的样式文件。 style.css 名为style的样式文件。 第15章(源代码\第15章) 示例描述:本章演示CSS基础部分知识。 CSS基础.html 演示CSS基础链接知识用法。 style1.css 名为style1的CSS样式文件。 style2.css 名为style2的CSS样式文件。 style3.css 名为style3的CSS样式文件。 第16章(源代码\第16章) 示例描述:本章演示字体属性用法。 间距与间隔.html 属性间距与间隔用法。 设置行距.html 属性设置行距用法。 字体大小.html 属性字体大小用法。 字体类型.html 属性字体类型用法。 字体设置.html 属性字体设置。 字体颜色.html 属性字体颜色用法。 字体重量.html 属性字体重量用法。 第17章(源代码\第17章) 示例描述:本章演示文本属性用法。 垂直对齐.html 设置垂直对齐。 空格处理.html 设置空格处理。 设置水平对齐.html 设置水平对齐。 首行缩进.html 首行缩进的用法。 文本流方向.html 文本流方向用法。 文本行距.html 文本行距的用法。 文本修饰属性text-decoration.html 文本修饰属性text-decoration用法。 文字垂直对齐.html 文字垂直对齐用法。 字母大小写转换.html 字母大小写转换用法。 字体实例手把手――字体花样.html 演示字体实例手把手――字体花样。 文本设置手把手—给段落设置缩进.html 演示文本设置手把手—给段落设置缩进。 第18章(源代码\第18章) 示例描述:本章演示背景属性用法。 背景的基本语法.html 属性背景的基本语法。 设置背景图像.html 设置背景图像。 设置背景图像滚动.html 设置背景图像滚动。 设置背景图像铺排.html 设置背景图像铺排。 设置背景图像位置.html 设置背景图像位置。 设置背景颜色.html 设置背景颜色。 背景实例手把手.html 演示背景实例手把手。 第19章(源代码\第19章) 示例描述:本章演示尺寸的用法。 设置宽度.html 设置宽度属性。 设置高度.html 设置高度属性 设置层居中.html 设置层居中实例。 尺寸实例手把手.html 演示尺寸实例手把手。 第20章(源代码\第20章) 示例描述:本章演示外补丁用法。 margin基本语法.html 复合属性margin基本语法。 margin-bottom用法.html 属性margin-bottom用法。 margin-left用法.html 属性margin-left用法。 margin-right用法.html 属性margin-right用法。 margin-top用法.html 属性margin-top用法。 margin实例.html 演示margin实例用法。 margin实例--设置层与层的距离.html 设置层与层的距离。 实例手把手--DIV+CSS结合.html 演示实例手把手--DIV+CSS结合。 第21章(源代码\第21章) 示例描述:本章演示内补丁用法。 padding基本语法和用法.html 复合属性padding基本语法和用法。 padding-bottom用法.html 属性padding-bottom用法。 padding-left用法.html 属性padding-left用法。 padding-right用法.html 属性padding-right用法。 padding-top用法.html 属性padding-top用法。 内补丁padding实例.html 演示内补丁padding实例。 第22章(源代码\第22章) 示例描述:本章演示属性边框用法。 border基本语法.html 复合属性border基本语法。 边框宽度设置.html 边框宽度设置。 边框样式用法.html 设置边框样式用法。 设置边框颜色.html 设置边框颜色。 border-bottom用法.html 属性border-bottom用法。 border-left用法.html 属性border-left用法。 border-right用法.html 属性border-right用法。 border-top用法.html 属性border-top用法。 设置多层边框.html 设置多层边框。 边框实例手把手.html 演示边框实例手把手。 第23章(源代码\第23章) 示例描述:本章演示属性定位用法。 position的用法.html 属性position的用法。 设置对象的边框位置.html 设置对象的边框位置。 z-index用法.html 属性z-index用法。 相对定位实例.html 演示相对定位实例。 绝对定位实例.html 演示绝对定位实例。 实例--圆角制作.html 演示实例--圆角制作。 第24章(源代码\第24章) 示例描述:本章演示属性列表的用法。 列表的预设标记用法.html 演示列表的预设标记用法。 list-style用法.html 属性list-style用法。 设置列表文本排列.html 设置列表文本排列。 设置列表图像.html 设置列表图像。 列表实例手把手.html 演示列表实例手把手。 第25章(源代码\第25章) 示例描述:本章演示用CSS控制表格。 控制表格的基本语法.html 控制表格的基本语法。 设置表格边框独立或合并.html 设置表格边框独立或合并。 设置表格布局的算法.html 设置表格布局的算法。 CSS控制表格实例手把手.html 演示CSS控制表格实例手把手。 第26章(源代码\第26章) 示例描述:本章演示CSS控制滚动条。 设置3D界面亮边颜色和表面颜色.html 设置3D界面亮边颜色和表面颜色。 设置滚动条3D界面暗边颜色和暗边框颜色.html 3D界面暗边和暗边框颜色的用法。 设置滚动条方向箭头的颜色.html 设置滚动条方向箭头的颜色。 设置滚动条基准颜色和拖动区域颜色.html 滚动条基准颜色和拖动区域颜色用法。 设置滚动条亮边框颜色.html 设置滚动条亮边框颜色。 第27章(源代码\第27章) 示例描述:本章演示CSS布局。 clear的用法.html 属性clear的用法。 clip用法.html 属性clip用法。 cursor用法.html 属性cursor用法。 display用法.html 属性display用法。 float的用法.html 属性float的用法。 overflow用法.html 属性overflow用法。 visibility用法.html 属性visibility用法。 第28章(源代码\第28章) 示例描述:本章演示选择符用法。 ID选择符.html 演示ID选择符用法。 包含选择符.html 演示包含选择符用法。 类型选择符.html 演示类型选择符用法。 类选择符.html 演示类选择符用法。 通配选择符.html 演示通配选择符用法。 选择符分组.html 演示选择符分组用法。 第29章(源代码\第29章) 示例描述:本章演示伪类用法。 伪类的类型用法.html 演示伪类的类型用法。 link属性.html 表示link属性。 hover属性.html 表示hover属性。 active属性.html 表示active属性。 visited属性.html 表示visited属性。 第30章(源代码\第30章) 示例描述:本章演示单位的表示用法。 长度单位.html 设置长度单位。 颜色单位.html 设置颜色单位。 第31章(源代码\第31章) 示例描述:本章演示游戏主题网站布局。 游戏网站布局.html 演示游戏网站布局。 style.css 游戏网站的样式文件。 images 图像文件夹。 第32章(源代码\第32章) 示例描述:本章演示企业网站主题布局。 设置DIV.html 设置DIV.html 企业网站主页.html 企业网站主页.html a.css 设置DIV页面的样式文件。 style.css 企业网站的样式文件。 images 图像文件夹。 第33章(源代码\第33章) 示例描述:本章演示 博客首页.html 博客首页布局。 DIV设置.html 设置DIV时的HTML标记。 jquery.js 一个javascript的优秀框架jquery。 index.js 控制博客页面的javascript脚本。 style.css 博客类网站的样式文件。 images 图像文件夹。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值