2016.05.14初识HTML5-03
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了2016.05.14初识HTML5-03相关的知识，希望对你有一定的参考价值。
啊~要疯了，别人还要两天时间，而我却要在今天完成三天的任务，现在我正在做网页，一个是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
以上是关于2016.05.14初识HTML5-03的主要内容，如果未能解决你的问题，请参考以下文章