fix typos

This commit is contained in:
qianguyihao 2019-10-01 09:56:24 +08:00
parent 6406becf97
commit 169bc6eeba
2 changed files with 23 additions and 40 deletions

View File

@ -32,7 +32,6 @@ PS以上两种样式只能用于超链接。
- `:active` “激活”: 鼠标点击标签,但是不松手时。
- `:focus` 是某个标签获得焦点时的样式(比如某个输入框获得焦点)
PS以上三种样式只能用于超链接。
## 超链接a标签
@ -47,48 +46,36 @@ a标签有4种伪类即对应四种状态要求背诵。如下
- `:active` “激活”: 鼠标点击标签,但是不松手时。
对应的代码如下:(不带注释)
对应的代码如下:
```css
a:link{
color:red;
}
a:visited{
color:orange;
}
a:hover{
color:green;
}
a:active{
color:black;
}
```
```html
<style type="text/css">
/*让超链接点击之前是红色*/
a:link{
color:red;
}
对应的代码如下:(带注释)
/*让超链接点击之后是绿色*/
a:visited{
color:orange;
}
```
/*让超链接点击之前是红色*/
a:link{
color:red;
}
/*鼠标悬停,放到标签上的时候*/
a:hover{
color:green;
}
/*让超链接点击之后是绿色*/
a:visited{
color:orange;
}
/*鼠标悬停,放到标签上的时候*/
a:hover{
color:green;
}
/*鼠标点击链接,但是不松手的时候*/
a:active{
color:black;
/*鼠标点击链接,但是不松手的时候*/
a:active{
color:black;
</style>
```
记住在css中这四种状态**必须按照固定的顺序写**
> a:**l**ink 、a:visited 、a:hover 、a:active
> a:link 、a:visited 、a:hover 、a:active
如果不按照顺序那么将失效。“爱恨准则”love hate。必须先爱后恨。
@ -96,10 +83,8 @@ a标签有4种伪类即对应四种状态要求背诵。如下
![](http://img.smyhvae.com/20180113_2239.gif)
### 超链接的美化
问:既然`a{}`定义了超链的属性,和`a:link{}`定义了超链点击之前的属性,那这两个有啥区别呢?
答:
@ -109,13 +94,11 @@ a标签有4种伪类即对应四种状态要求背诵。如下
- `a{}`定义的样式针对所有的超链接(包括锚点)
- `a:link{}`定义的样式针对所有写了href属性的超链接(不包括锚点)
超链接a标签在使用的时候比较难。因为不仅仅要控制a这个盒子也要控制它的伪类。
我们一定要将a标签写在前面将`:link、:visited、:hover、:active`这些伪类写在后面。
举个例子。如果效果
针对超链接,我们来举个例子:
![](http://img.smyhvae.com/20170810_2235.gif)

View File

@ -416,7 +416,7 @@ Undefined和任何数值计算的结果为NaN。NaN 与任何值都不相等,
## 布尔值Boolean
true 和 fase。主要用来做逻辑判断。
true 和 false。主要用来做逻辑判断。
布尔值直接使用就可以了,千万不要加上引号。