商务网页第18课.pptxVIP

4.5 用CSS设置超链接伪类及伪元素在HTML及CSS中，有一些类或元素，它们不是实际存在的实体元素或类，是对实体元素进行修饰和说明的，我们把这些元素或类称之为伪元素、伪类。什么是伪类？伪类通常都是指某个元素的某个状态。例如，超链接元素有未访问过的链接接、已访问过的链接、鼠标指针经过时的链接和鼠标单击时的链接4种状态。什么是伪元素？伪元素通常是指某个对象中某个元素的状态。例如，一行文字中第1个字符的样式。 4.5.1 设置超链接伪类伪类的概念始于超链接。超链接的伪类从最初的3个增加到4个，分别是link、visited、hover、active，分别代表未访问过的超链接、已访问过的超链接、鼠标指针经过超链接、正在单击的超链接这4个伪类状态。使用超链接伪类需要使用超链接标签a、伪类标识符“:”和伪类状态，以及伪类状态的属性，设置方法为a:伪类状态{属性1:属性1值;属性2:属性2值;……}超链接伪类通常在CSS中定义，超链接伪类的顺序必须是link、visited、hover、active。html head title超链接伪类示例/title base target=_blank style type=text/css a:link{color: #000099} a:visited{color: #666666} a:hover{color: #FF00FF} a:active{color: #FF9900} /style /headbody a href=/人民邮电出版社/a br a href=/人民邮电出版社/a br a href=/人邮学院/a br a href=/人邮教育社区/a /body/html4.5.2 设置伪元素伪元素与伪类的定义和使用方法类似，对文档中虚构的元素进行显示设置。常用的伪元素有first-letter和first-line两个，作用于文字的首字符和首行。使用伪元素需要使用标签名称（如p）、伪元素标识符“::”和伪元素名称，通常也在CSS中设置，设置方式为标签名称::伪元素名称｛属性1:属性1值;属2:属性2值;……｝htmlheadtitle超链接伪元素示例/titlestyle type=text/css P::first-letter {font-size:150％;}/style/headbody p伪元素与伪类的定义和使用方法类似，对文档中虚构的元素进行显示设置。常用的伪元素有first-letter和first-line两个，作用于文字的首字符和首行。 /p/body/html练习：制作一个采用CSS设置超链接状态的网页，写出完整的HTML及CSS代码，具体要求如下：（1）采用内部样式制作。（2）分别制作超链接未访问、超链接已访问、鼠标指针经过超链接、单击超链接的伪类显示样式。（3）制作文本超链接，文本内容为“淘宝网”。thank you