编写一段CSS代码,要有两个作用。谢谢!

html-css012

编写一段CSS代码,要有两个作用。谢谢!,第1张

1、呵呵,一楼有点粗心了,把顺序敲错了,对A的设置,一定要是link--visited--hover-active,也就是我们常说到的"爱恨原则"(LoVe/HAte)原则(即四种伪类的首字母:LVHA)。

a:link,a:visited { text-decoration:none}

a:hover{ text-decoration:none}

a:active{ text-decoration:none}

2、 html,body{ font-family: "微软雅黑 "}

题外话一下:

建议你写页面的时候,对CSS初始化一下,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异,通过初始化样式,可以减少因为浏览器不同而带来的问题,减轻不少后期开发中对浏览器兼容性处理方面的工作量。

下面这一段是我参考YAHOO的YUI CSS框架中的Reset CSS整理出来的,目前YAHOO、淘宝都是通过YUI CSS框架来布局的,推荐你有空可以多研究研究淘宝的页面,做得确实不错。

也可以在百度里面搜索“CSS初始化”。

通用最后一句及链接样式根据每个站点风格的不同,来修改,其他的保持不变即可

/* 通用 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0padding:0}

table { border-collapse:collapseborder-spacing:0}

fieldset, img { border:0}

address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inheritfont-weight:inherit}

del, ins { text-decoration:none}

li { list-style:none}

caption, th { text-align:left}

h1, h2, h3, h4, h5, h6 { font-size:100%font-weight:normal}

q:before, q:after { content:''}

abbr, acronym { border:0font-variant:normal}

sup { vertical-align:baseline}

sub { vertical-align:baseline}

legend { color:#000}

input, button, textarea, select, optgroup, option { font-family:inheritfont-size:inheritfont-style:inheritfont-weight:inherit}

input, button, textarea, select { *font-size:100%}

select, input, button, textarea, button { font:99% arial, helvetica, clean, sans-serif}

table { font-size:inheritfont:100%}

pre, code, kbd, samp, tt { font-family:monospace*font-size:108%line-height:100%}

html,body{font: 12px/1.5em Verdana, Arial,"宋体", sans-serifbackground:gray}

/* 链接颜色 */

a:link,a:visited{ text-decoration:nonecolor:#555}

a:hover{text-decoration:nonecursor:pointercolor:#f60}

实际写页面的时候,发现a:active 没太大作用,被我省略了,你也可以自己再添加一个这个属性。

1、首先在电脑端找到Dw软件,进行打开操作,然后新建一个html文件。

2、新建文件完成之后,写入一个div代码操作,如图所示。

3、写入div代码之后,引入一个css样式,如图代码操作所示。

4、引入样式代码之后,打开引入的css.文件,如图所示。

5、在新引入的css文件中,写入css背景图片代码即可,如图所示。