3月12日课堂笔记

3月12日课堂笔记

HTML5中常用的文本标签

标题标签：
HTML中，定义了6级标题，分别为h1、h2、h3、h4、h5、h6，每级标题的字体大小依次递减，1级标题字号最大，6级标题字号最小

段落标签：
p标签用于定义段落

br标签wbr标签：
br标签可插入一个简单的换行符，用来输入空行，而不是分割段落。
wbr规定在文本中的何处适合添加换行符。作用是建议浏览器在这个标记处可以断行,只是建议而不是必定会在此处断行,还要根据整行文字长度而定。除了 Internet Explorer，其他所有浏览器都支持 wbr标签。

details标签与summary标签：
details标签用于描述文档或文档某个部分的细节，目前只有Chrome浏览器支持。
details标签可以与summary标签配合使用，summary标签用于定义这个描述文档的标题

bdi标签：
bdi标签用于设置一段文本，使其脱离其父标签的文本方向设置。在发布用户评论或其他您无法完全控制的内容时，该标签很有用。

ruby标签、rt标签与rp标签：
ruby标签用于定义ruby注释（中文注音或字符）。与rt标签一同使用。
rt标签用于定义字符（中文注音或字符）的解释或发音。
rp标签在ruby注释中使用，以定义不支持ruby标签的浏览器所显示的内容。

mark标签：
mark标签主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字，典型应用是搜索结果中高亮显示搜素关键字。

time标签：
time标签用于定义日期或时间，也可以两者同时。

meter标签：
meter标签用于定义度量衡，仅用于已知最大和最小值的度量。

process标签：
process标签用于定义任何类型服务的运行速度。

CSS字体样式属性：

1. font-size： 字号大小
2. font-family:字体
3. font-weight：字体粗细
4. font-style：字体风格
5. word-wrap：长单词或URL自动换行

CSS3@font-face规则：

@font-face是CSS3的新特性，用于定义服务器字体。
语法格式：

font-face {
	   font-family: <YourWebFontName>;
                  src: <source> [<format>][,<source> [<format>]]*;
                 [font-weight: <weight>];
	   [font-style: <style>];

1. source：指的是自定义的字体的存放路径，可以是相对路径也可以是绝对路径。
2. format：指的是自定义的字体的格式，主要用来帮助浏览器识别。
3. YourWebFontName：自定义的字体名称，最好是使用下载的默认字体（下载回来的叫什么字体，这里就填什么字体名）

多列布局模块（Multi-column Layout Module）
在网页制作中，如果想让一个段落的内容像报刊、杂志中那样分栏显示，就可以用。

CSS文本外观属性：

1. color：本文颜色
2. letter-spacing：字间距
3. word-spacing：单词间距
4. line-height：行间距
5. text-align：水平对齐方式
6. text-indent：首行缩进
7. white-space：空白符处理
8. text-overflow：标示对象内溢出文本

text-shadow：

作用 ：为文本添加阴影效果

语法：选择器{text-shadow:h-shadow v-shadow blur color;}

1. h-shadow代表水平阴影距离
2. v-shadow代表垂直阴影距离
3. blur代表模糊半径
4. color代表阴影颜色