网页制作,CSS和超链接没效果是怎么回事?

html-css012

网页制作,CSS和超链接没效果是怎么回事?,第1张

首先你要定义样式,把下面这段代码放在<head>标签内:font-size指字体大小,

color指字体颜色,font-family指字体样式,text-align对齐方式,

text-decoration是否显示下划线,none代表不显示,underline显示下划线

备注:常用的一般是a:hover和a:link这二个超链接样式,相互对应,一个是鼠标

放上去的时候调用的,一个是离开后调用的样式。

//链接平常样式

a:link {

    font-size: 10pt 

    color: #0000cc

    font-family: 宋体

    text-align: left

    text-decoration: underline

}

//链接访问后样式

a:visited {

    font-size: 9pt

    color: #0000cc

    font-family: 宋体

    text-align: left

    text-decoration: underline

    TEXT-DECORATION:none

}

//鼠标放到链接上样式

a:hover {

    color: #993300

    text-decoration: underline

    TEXT-DECORATION:none

}

//链接被按下时样式

a:active {

    color: #ff0033

    text-decoration: none

}

外部样式这个没用的原因我列下来你逐一核实:

1:链接语句没写对,你是不是写在闭合的head里面了。

2:链接的路径不对,导致找不到该css。

3:你是不是在外链css里面的样式写错了。导致以为外联无效。或者样式优先级问题。你已经指定行内样式。外链样式无效。

4:尝试将标签class换成id。

5:譬如 .wuxiao p a span{路径太长导致css不起作用。}

a.linkred{

text-decoratin:none

}

a.linkred:link{

color:#000

}

a.linkred:hover{

color:#F00

}

问题出现的原因:单个a的定义是定义统一属性的,应该放在最前边(里面定义的是链接中各种状态的重复属性。)

重新试试,希望能帮到你。