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,26 +46,10 @@ a标签有4种伪类即对应四种状态要求背诵。如下
- `:active` “激活”: 鼠标点击标签,但是不松手时。 - `:active` “激活”: 鼠标点击标签,但是不松手时。
对应的代码如下:(不带注释) 对应的代码如下:
```css ```html
a:link{ <style type="text/css">
color:red;
}
a:visited{
color:orange;
}
a:hover{
color:green;
}
a:active{
color:black;
}
```
对应的代码如下:(带注释)
```
/*让超链接点击之前是红色*/ /*让超链接点击之前是红色*/
a:link{ a:link{
color:red; color:red;
@ -76,19 +59,23 @@ a标签有4种伪类即对应四种状态要求背诵。如下
a:visited{ a:visited{
color:orange; color:orange;
} }
/*鼠标悬停,放到标签上的时候*/ /*鼠标悬停,放到标签上的时候*/
a:hover{ a:hover{
color:green; color:green;
} }
/*鼠标点击链接,但是不松手的时候*/ /*鼠标点击链接,但是不松手的时候*/
a:active{ a:active{
color:black; color:black;
</style>
``` ```
记住在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。主要用来做逻辑判断。
布尔值直接使用就可以了,千万不要加上引号。 布尔值直接使用就可以了,千万不要加上引号。