码迷,mamicode.com
首页 > Web开发 > 详细

2016.05.14初识HTML5-03

时间:2016-05-21 11:38:25      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:

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

标签:

原文地址:http://www.cnblogs.com/zhaoyanga14/p/5514229.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!