HTML5字体样式属性

字体样式及文字样式

< span >标签是HTML5de行内标签，被用来张佑赫文档中的行内元素。其没有固定的表现格式，常用于凸显段落中的某个文字或词语。

字体样式

font-family 设置字体类型
font-size 设置字体大小
font-style 设置字体风格
font-weight 设置字体粗细
font 用于对字体的综合设置

font-family属性

用于设置字体类型，基本语法如下：
p{ font-family：“字体名称1，（字体名称2）”}
多种字体需要用逗号分隔开，如果有英文字体，必须写在中文字体之前。

font-size属性

用于设置字体大小，常用单位是px ，除此之外还有in，cm，mm，pt等，了解即可
h1{font-size： 24px}
这个较为简单，没有什么难度

font-style属性

用于设置字体风格，如设置斜体或正常字体，其可用属性如下：
normal:默认值，浏览器会显示金标准字体样式
italic：浏览器会显示倾斜的字体样式
oblique：浏览器会显示倾斜的字体样式

font-weight

font-weight属性用于设置字体的粗细，其属性值如下
bold ：定义粗体字符
bolder：定义更粗的字符
lighter：定义更细的字符
100~900：定义细到粗的字符

font

p{font :font-style font-weight font-size font-family;}
(总的来说，按照语法写，十分简单，【这个西红柿，有一股番茄味】)

文本样式

color：属性用于定义文本的颜色，其取值方式有如下四种：

1.用颜色的名称定义颜色
2.使用十六进制
3.RGB
4.RGBa

text-align

text-align属性用于设置文本内容的水平对齐方式，其对方式有很多种：
left：默认值
right：右对齐
center：居中对齐
jusify：两端对齐

text-indent

该属性用于设置开头缩进常用单位em，px，一般都用em
【没有对象的人，应该还是单身吧】

line-height

设置行高，也就是说行与行之间的距离
【越聪明的人脑子就越聪明】

test-decoration

用于设置文本的下画线，上画线，删除闲等：
none： 默认值
underline：下画线
line-through： 删除线

vertical-align

设置文本内容的垂直方式对齐方式，该属性只能对表格单元格起作用，其属性的值为middle，vertical-align

text-shadow

text-shadow属性可以为文本添加阴影效果

超链接伪类

语法：

选择器名：伪类名{

}
1、未访问时的样式
a:link{}
2、 已访问的样式
a:visited{}
3、鼠标悬浮在上面是触发该样式
a块级元素：hover{
a的所有属性
}
4、鼠标长按的样式
a:active{}
*注意：顺序不能更改 ling>visited>hover>active

div

DIV可选的属性
align，值=left/right/center/justify

DIV事件属性
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

DIV标准属性

class class_rule or style_rule 元素的类(class)
id id_name 元素的某个特定id。
style 样式定义 内联样式定义。
title 提示文本 显示于提示工具中的文本。
dir ltr | rtl 设置文本的方向。
lang 语言代码 设置语言代码。

CSS3渐变

线性渐变
1、向下/向上/向左/向右/对角方向

语法：background-image: linear-gradient(direction, color-stop1, color-stop2, …);

direction属性值：
to bottom：默认值，从上到下
to top：从左到右
to left：从右到左
to right 从左到右
to bottom right：从左上到右下