啊~要疯了,别人还要两天时间,而我却要在今天完成三天的任务,现在我正在做网页,一个是QQ邮箱的登录页面,还有一个是211-sun的首页。趁这会休息的功夫写一点日记。看来晚上要熬夜了...
今天所学的知识主要是样式表、选择器和超链接。无非是极其关键的。
1.CSS样式表:能实现内容和样式的分离。格式如下:
<head>
<style type="text/css">
选择器(即修饰对象){ /*所谓选择器就是<td><li><input>之类的*/
对象的属性1:属性值1;
对象的属性2:属性值2;
}
</style>
</head>
2.选择器:类选择器、标签选择器
这两个选择器是就近原则,并无优先级问题。
<li class="类名" style="color:#3F3">内容</li>
此时内容会根据style来显示字体,而不是class中预订的格式。
3.ID选择器:如果希望控制某个DIV块样式,并且要求块元素唯一。格式如下:
#menu{
width="30px";
}
优先级:行级、ID、Class
4.文本属性:
5.列表属性:
li{
float:left;
}
/*float漂浮的意思,作用是让列表内容在同一行输出(飘起来),left向左飘,以左边为基准*/
6.超链接:
<a href="http://www.baidu.com"></a>
7.文本:
text-decoration:none;这样可以删除超链接的下划线。
text-aliagn:left;让文本内容左对齐。
.nav li a:hover{ /*这是一种伪类,意味着鼠标移上状态*/
color:#ccc;
}
还有 link未访问, visited已访问, active激活选定状态(鼠标点击未释放时)。
text-decoration:underline;这样字下方就有下划线了(放在伪类中,触发时显示,放在hover里可看出鼠标的悬停效果)。
好了,作品完成了,虽然很拙劣,但是3天的劳动成果还是挺让我满意的。
我把作品放在了百度云里,下面是分享链接。
链接: http://pan.baidu.com/s/1kV4JHqB 密码: g3uu