HTML的学习

hr为添加下划线；

（p aling=“对齐方式”）；

br是换行；

b是加粗文本，strong是标记的强调文本，em是标记强调文本；

i是设计倾斜文本，ins是设计下划线，del是设置删除文本；

（img src=“图像”）；

width设置图像的宽度，height是图像的高度，border是图像的边框属性；

VSpace和hspace是图像的边距属性，align是图像的对齐属性；

超链接（a href=跳转目标 targt=目标窗口的弹出方式）文本或者图像（/a）；

锚点链接，通过单击锚点链接用户能过快速的定位到目标内容；

ul是无序的，ol是有序的，li是嵌套在ul标记中的，li为具体的列表项；

ol start=“2”，reversed是修改列表编码；

dl是用来标记指定定义的列表，dt和dd分别并列嵌套与dl中，dt是定义术语名词，dd是解释和描述名词；

header是具有引导和导航作用的机构元素，nav用于定义导航链接；

artcle代表文档、页面或者应用程序中与上下文不相关的独立部分；

aside用来定义当前页面或者文章的附属信息部分，只要有两种方式：

1、被包含在article元素内作为主要内容的附属信息。

2、在article元素之外使用，作为页面或站点全局的附属信息部分。

font-size定义字体的大小，color定义颜色；

链入式：（link href=“css文件的路径” type=“text/css” rel=“stylesheet”/）；

类选择器是使用“.”进行识别，后面紧跟类名；

id选择器使用“#”进行识别，后面紧跟id名，其中本语法格式为#id（属性1：属性值1；属性2：属性值2；属性3：属性值3；）；

em是倍率，相当于当前对象内文本的字体尺寸，px是字体的像素；

font-family是用于设置字体；

font-weight用于字体的粗细；

font-style用于字体的风格；

font用于对字体样式进行综合设置；

@font-face用于定义服务器字体；

word-wrap用于实习长单词和URL地址的自动换行；

normal只在允许的段字点换行；

letter-spacing用于字间距；

word-spacing用于单词间距；

line-height用于设置行间距，常用的有三种属性分别是px、em和%；

text-transform用于转换英文字符的大小写，其可用属性值有：

1、none不转换；

2、capitalize首字母要大写；

3、uppercase全部字符转换为大写；

4、lowercase全部字符转换为小写。

text-decoration用于设置文本下划线、上划线、删除线等装饰效果，其可用属性值有：

1、none没有装饰；

2、underline下划线；

3、overline上划线；

4、line-through删除线。

text-indent用于首行文本缩进；

white-space可设置空白符的处理方式其属性值有：

1、normal文本中的空格、空行无效，满行后自动换行；

2、pre预格式化，按文档的书写格式保留空格、空行原样显示。

text-shadow可以为页面中的文本添加阴影效果，格式为（text-shadow：h-shadow v-shadow blur color，）text-overflow用于标志对象溢出来的文本，其格式为（text-overflow：属性值），属性值有两个clip：修剪溢出来的文本，不显示省略标记。

ellipsis：用省略标记，标示被修剪文本，省略标记插入的位置是最后一个字符。

兄弟选择器（+、~）

兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素。兄弟选择器分为临近兄弟选择器和普通兄弟选择器2种；

1、临近兄弟选择器（+）

改选择器使用“+”来链接前后2个选择器。选择器中的2个元素有同一个父亲，而且第二个元素是紧跟第一个元素。

2、普通兄弟选择器（~）

这个是链接前后2个选择器。选择器中的2个元素有一个父亲，但第2个元素不必紧跟第1个元素。

：root选择器用于匹配文档根元素，使用该选择器定义的样式，对所有页面元素都生效。

：not选择器是让某个结构元素不使用这个样式，就可以使用这个选择器了。

：only-child选择器用于匹配属于某个父元素的唯一子元素，就是说某个父元素仅有一个子元素，那么就可以用这个选择器选择这个子元素。

：first-child和last-child选择器分别用于父元素中的第1个或者最后一个子元素设置样式。

：nth-child（n）和：nth-last-child（n）选择器可以选择某个父元素中第1个或者最后一个子元素，但是如果用户想要选择第2个或倒数第二个子元素，这2个选择器就不起作用了。

：empty选择器用来选择没有子元素或文本内容为空的所有元素。

：target选择器用于为页面中的某个target元素（该元素的id被当做页面中的超链接来使用）指定样式。

：before伪元素选择器用于在被元素的内容前面插入内容，必须配合content属性来指定要插入的具体内容。

超链接标记<a>的伪类

a:link{CSS样式规则；}是未访问时超链接状态。

a:visited{css样式规则；}是访问后超链接的状态。

a:hover{css样式规则；}是鼠标指针悬停时超链接的状态。

a:active{css样式规则；}是鼠标单击不动时超链接的状态。