《HTML5与CSS3基础教程》读书笔记.docx

PAGE PAGE 1 《HTML5与CSS3基础教程》读书笔记 指定替代字体第一字体栈告知扫瞄器假如系统上没有Geneva 就用Tahoma，假如这两个都没有就用标准的sans-serif。设置em的值em 是一种量度单位，它的大小取决于父元素的大小。声明大多数系统100%默认为字体大小为16px,在这种状况下，1em=16px,也就是说需要修改em的相对值，只需要修改100%就行。设置行高。project 类p 元素的字体大小为0.9375em，即15像素。行高将是15 像素的1.65 倍，即大约24.75像素。假如用法数字设定行高（通常都这么做），那么全部的子元素都会继承这个因子。因此，假如父元素的字体大小是16 像素（或以em 等表示的等价大小），行高是1.5，则该元素的行高就是24（即16times;1.5）像素。假如子元素的字体大小是10 像素，则该元素的行高就是15（即10times;1.5）像素。假如用法百分数或em 值，那么只会继承产生的行高（即计算出来的值）。因此，假如父元素的字体大小是16 像素，行高是150%，则该元素的行高就是24 像素。全部的子元素都将继承24 像素的行高，不管字体大小是多少。同时设置全部字体依次是：字型（斜体）、设置小型大写字母、设置粗细、字体大小/行高、字体。只要font 中声明白字体大小和字体系列属性，其他属性可以随意组合。前三个属性的次序无关紧要。设置字母大小写text-transform属性输入capitalize 让每个单词的首字母大写；或者输入uppercase 让全部字母大写；或者输入lowercase 让全部字母小写；或者输入none 让文本保持原来的样子（可以用来取消继承的值）。装点文本text-decoration 属性输入underline 以添加下划线；或者输入overline 以添加上划线；或者输入line-through 以添加删除线。设置空白属性默认状况下，HTML 文档里的多个空格和回车会显示为一个空格，或者被忽视。假如要让扫瞄器显示这些额外的空格，可以用法white-space 属性。pre：让扫瞄器显示原文本中全部的空格和回车；nowrap：确保全部空格不断行，也就是文本所有显示在一行；normal：按正常方式处理空格。构建响应式网站理解和实现媒体查询width=device-width：视觉区域的宽度会被设成与设备宽度（对iPhone 来说为320 像素）相同的值表示在屏幕宽度大于480px时用法红色的布局，小于的时候用法绿色的布局。为元素创建圆角为文本添加阴影x-offset（水平偏移量）、y-offset（垂直偏移量）、blur-radius（含糊半径）和color 的值（前三个值带长度单位，四个值之间不用逗号分隔）为其他元素添加阴影inset:内部阴影应用多重背景用法渐变背景默认状况下，线性渐变是从上往下渐变的，因此在属性值中不需要指定to bottom。假如要用法相反的方向，则用法to top。其次种方式是指定渐变角度的度数，如120deg（120 度）