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

View File

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