您的位置：首页 > Web前端 > HTML5

2016.05.14初识HTML5-03

2016-05-21 10:06 288 查看

啊~要疯了，别人还要两天时间，而我却要在今天完成三天的任务，现在我正在做网页，一个是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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航