html/css相关知识

css是针对class来写样式的

 

 

 

div标签的作用

看到一些大的网站 比如新浪、腾讯，页面都好大吧。这么大的页面都是一块一块组装起来的吧，那么每一块都是一个DIV。在DIV里添加新闻、图片等等，那么多DIV组装起来，就成网页了。

把DIV看作是一容器，容器专门用来包含内容；

 

在html文件当中附加css样式表

在head里面

<link rel="stylesheet" type="text/css" href="box.css">

href指定要附加的样式表的路径，rel指定文件的类型，type指定包含的文件的类型

 

 

 

改变页面的背景颜色

在css文件中定义body

 

常见html颜色表

http://www.divcss5.com/html/h636.shtml

引用图片

background: url(图片地址)

repeat -x   是水平重复

 

让一个div的内容居中的方法

给一个div设置宽度，然后把maigin上下设置为0，左右设置为auto

 

给li标签设置项目符号

list-style-image

表示定义top_content类下面的li标签

li_bg.gif就是三角的图片

 

让竖直排列的li标签水平显示

需要用到float

通过设置宽度width就设置了几个标签之间的距离

 

让li的内容在垂直方向上居中

将li的行高line-height设置为和top一样的高度

 

引用js脚本文件

在head里面

<script src="js/setHomeSetFav.js" type="text/javascript"></script>

src是地址

 

给内容添加超链接

<a>标签定义超链接

<li><a href="#" onclick="SetHome(window.location)">设为首页</a></li>

超链接为空连接，如果想要跳到某个页面就协商页面的地址

在超链接中增加一个单击事件，在单击事件里面调用js脚本提供的方法

window.location 对象用于获得当前页面的地址 (URL)

document.title获取当前网页的标题

 

控制超链接的属性

控制top_content类下面的超链接的初始状态和超链接访问之后的状态

hover是鼠标经过的状态，active是活动状态，就是按一下鼠标之后的状态

text-decoration:none是不要下划线