前端CSS基础学习之——排版练习二

一、<!-- 想要改变 ul li 部分的文字样式,需要在标签a里面改 -->

<!-- ul li 的color改变的是前面这个点 -->

二、HTML里 默认 超链接 带下划线,怎么去除呢 text-decoration:none

三、<textarea> 

<textarea>标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。

注释:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。


四、a链接的四种状态

伪类是CSS 用于向某些选择器添加特殊的效果。

a标签中有四个:link、visited、hover、active

(1)link

说明:设置a对象在未被访问前的样式表属性。

(2)visited

说明:设置a对象在其链接地址已被访问过时的样式表属性。

(3)hover

说明:设置对象在其鼠标悬停时的样式表属性。

(4)active

说明:设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。

解释:

  • link:连接平常的状态 
  • visited:连接被访问过之后 
  • hover:鼠标放到连接上的时候
  • active:连接被按下的时候

可以给链接设置在这四个状态下的样式,不止颜色哦,还可以设置字体 背景颜色等。

那么,在style里定义a的四个状态的顺序是怎么样的呢?

有一个方便记忆的原则:love-hate

l---link

v--visited

h--hover

a--active

在style定义里一定要按照这个顺序定义 哦~


猜你喜欢

转载自blog.csdn.net/guitarist0505/article/details/79699393