css基础操作

css基础操作

上次说了五种类型的选择器
这次说了五种选择器，这次我们来说一下css的常用标签的属性

font-family
字体类型
font-family : 字体1，字体2，字体3，…
可以同时为页面设置多个字体，当浏览器找不到第一个字体时会寻找第二个字体，依次进行，直到找到可用的字体。

font-size 字号
font-size: px | em |rem| 百分数
rem
1em = 16px----响应式布局

font-style 字体风格
定义字体的风格，属性设置使用斜体、倾斜或正常字体

font-weight 字体粗细

color文本颜色
颜色可以是一个名称标示的关键字，如 color : red;
也可以是一个RGB数字，如color : #ffffff

text-decoration 文本修饰
text-decoration: none | underline | overline | line-through
none: 无文本修饰（浏览器默认初始值）
underline : 表示有下划线
line-through : 表示有贯穿线/删除线
overline : 表示有上划线

line- height 文本行距
line-height: normal | length px；
可以是像素值或百分比，允许为负值。设置数值越大，文本段落中间的行距越大
主要用于文本垂直居中

text- indent 文本缩进
text-indent: length；
常用单位是 px 或者是 em

text-align 文本水平对齐

word-spacing 字词间隔

word-spacing: normal | length；
length: 接受一个正长度值或负长度值。如果提供一个正长度值，那么字词之间的间隔就会增加，（你的确定让游览器识别你的字词，一段完整没有标点符号的句子，就认为是一个字词。）0设置一个负值，会把它拉近

letter- spacing 字符间隔
letter-spacing: normal | length；
length: 接受一个正长度值或负长度值。如果提供一个正长度值，那么字符之间的间隔就会增加，（如果是汉字的话，就会增加每个汉字的间隔）。设置一个负值，会把它拉近

background-color 背景颜色
background-color: red | #ffffff；

background-image
background-image:
none | url ( url );

background-repeat
background-repeat: repeat | no-repeat | repeat-x | repeat-y

background-position
background-position:
x轴坐标值 y轴坐标值

a链接属性

伪类
也就是说，同一个标签，根据用户的某种状态不同，有不同的样式。这就叫做“伪类”。
类就是工程师加的，比如div属于box类，很明确，就是属于box类。但是a属于什么类？不明确。因为要看用户有没有点击、有没有触碰。所以，就叫做“伪类”。
伪类用冒号来表示。

: link 表示， 用户没有点击过这个链接的样式。 是英语“链接”的意思。

visited 表示， 用户访问过了这个链接的样式。 是英语“访问过的”的意思。

hover 表示， 用户鼠标悬停的时候链接的样式。 是英语“悬停”的意思

active 表示， 用户用鼠标点击这个链接，但是不松手，此刻的样式。

a标签有4种伪类:
a:link{
color:red;
}

a:visited{
color:orange;
}

a:hover{
color:green;
}

a:active{
color:black;
}