Tag: CSS

DIV＋CSS当今WEB开发流行前台页面布局方式。 完整的代码演示，细致的讲解，高胖胖老师带你迅速掌握DIV+CSS应用技巧。

DIV+CSS视频教程（一）下载地址:
http://www.phpchina.com/download/vido/div.css1/div.css1.rar
DIV+CSS视频教程（二）下载地址:
http://www.phpchina.com/download/vido/div.css2/div.css2.rar
DIV+CSS视频教程（三）下载地址:
http://www.phpchina.com/download/vido/div.css3/div.css3.rar
DIV+CSS视频教程（四）下载地址:
http://www.phpchina.com/download/vido/div.css4/div.css4.rar
DIV+CSS视频教程（五）下载地址:
http://www.phpchina.com/download/vido/div.css5/div.css5.rar

注意：视频资料来源于http://www.phpchina.com,只供大家学习交流之用,请勿用于商业用途!

在线观看DIV+CSS视频教程地址：

1、CSS基本概念
CSS初探 - CSS基本知识 - 第1课http://learning.artech.cn/uploads/2007/05/30/20070530.html

CSS基本语法与核心概念 - CSS基本知识 - 第2课http://learning.artech.cn/uploads/2007/05/31/20070531.html

设置丰富的文字效果 - CSS基本知识 - 第3课http://learning.artech.cn/uploads/2007/06/01/20070601.html

2、CSS/DIV布局专题讲解

设置图片效果 - CSS/DIV专题讲解 - 第1课http://learning.artech.cn/uploads/2007/06/04/20070604.html

设置网页背景 - CSS/DIV布局专题讲解 - 第2课http://learning.artech.cn/uploads/2007/06/05/20070605.html

设置表格与表单的样式 - CSS/DIV布局专题讲解 - 第3课http://learning.artech.cn/uploads/2007/06/06/20070606.html

设置页面和浏览器的元素 - CSS/DIV布局专题 - 第4课http://learning.artech.cn/uploads/2007/06/07/20070607.html

用CSS制作漂亮的菜单- CSS/DIV布局专题讲解 - 第5课 http://learning.artech.cn/uploads/2007/06/08/20070608.html

CSS滤镜的应用 - CSS/DIV布局专题讲解 - 第6课http://learning.artech.cn/uploads/2007/06/11/20070611.html

理解CSS定位与div布局 - CSS/DIV布局专题讲解 - 第7课http://learning.artech.cn/uploads/2007/06/12/20070612.html

CSS排版 - CSS/DIV布局专题讲解 - 第8课http://learning.artech.cn/uploads/2007/06/13/20070613.html

网页变幻 - CSS/DIV布局专题讲解 - 第9课http://learning.artech.cn/uploads/2007/06/14/20070614.html

3、CSS与其他技术

CSS与javascript的综合应用 - CSS与其他技术 - 第1课http://learning.artech.cn/uploads/2007/06/15/20070615.html

CSS与XML的综合运用 - CSS与其他技术 - 第2课http://learning.artech.cn/uploads/2007/06/18/20070618.html

CSS与AJAX的综合应用 - CSS与其他技术 - 第3课http://learning.artech.cn/uploads/2007/06/19/20070619.html

4、CSS/DIV综合实践

博客设计DIY - CSS/DIV综合实践 - 第1课 http://learning.artech.cn/uploads/2007/06/20/20070620.html

小型工作室 - CSS/DIV综合实践 - 第2课 http://learning.artech.cn/uploads/2007/06/21/20070621.html

公司网站 - CSS/DIV综合实践 - 第3课http://learning.artech.cn/uploads/2007/06/22/20070622.html

默认网页的连接文本是蓝色的，已访问的连接是紫色的。如果使用CSS的话就可以改变这些默认的定义，首先我们要知道这些代码如何的定义

a: link 用在为访问的连接上。
a :visited 用在已经访问过的连接上。
a :hover 用于鼠标光标置于其上的连接。
a :active 用于获得焦点（比如，被点击）的连接上。

如果给特定的DIV设定与其他DIV不一样的链接样式，就必须单独的定义

如：

.tab {
padding-left: 16px;
font-size: 16px;
font-weight: bold;
}
.tab a{
color: #000;
}
.tab active{
color:#000
}

或者是：

#news{font-size:14px; color:#CC3300; margin-left:20px; line-height:22px;}
#news a{font-size:14px; color:#CC3300; text-decoration:none; line-height:22px;}
#news a:hover{color:#000000; font-size:14px;}
#news a:visited{ color:#999999;}
#news a:active{font-size:20px;color:#333333;text-decoration:underline;}