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背景图片代码即可,如图所示。