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

时间: 2024-10-05 04:46:05

2016.05.14初识HTML5-03的相关文章

2016.05.12初识HTML5-01

啊呀~今天本来应该是和朋友出去游玩的,可是却变成了生产实习...今年的生产实习和以往有所不同,以往的都是老师带着学生到工厂里转一转糊弄糊弄就过去了.但这一次要改革了,由我们这的一家软件外包公司负责,来这里进行5天的HTML5授课(说白了就是来宣传的).4天授课,最后一天进行网页制作并且演讲答辩,感觉有点紧啊~不过既然是学习的机会,挺不错的,我会尽力的. 今天主要诠释了什么是HTML5,Hyper Text Markup Language,对,它是一种标签语言.各种各样的标签进行嵌套.相互作用,构

2016.05.13初识HTML5-02

第二天~早上8点上课,12点放学,1点又继续上课...真是压缩的实实在在的5天啊,就像吃压缩饼干不喝水一样.哈哈,不过我觉得明天会更累..因为后天是周天,我要去软件培训,学习Android开发,生产实习估计是逃定了.结果导员告诉我:你后天可以不来,但是你要后天之前把作品先提交上来.哇...我比别人少学一天,还要早交一天作品.不过为了去培训,我也是拼了..今天还是继续学习标签,规范网页的布局格式. 1.超级链接:语法<a href="将要跳转的网址">点击处该链接显示的标签名

2016.05.14下午【2016纪念中学新初一】基础赛

前言: 这次考试,考的不是很理想,满分500,我只得了210,只能说自己太粗心了,很多可以得分的都丢掉了,后悔考试的时候没有很认真.总体来说,这次比赛的题目还算简单,最后一题稍微难一点,不过还是比较容易.                                      1.第一次OJ大战  题目描述:       信息学爱好者们都酷爱在OJ(OJ是Online Judge系统的简称,用来在线检测程序源代码的正确性)上刷题,东莞某中学的OJ因为同学们乱交程序,评测系统因此被卡得无法呼吸,

初识 HTML5

初识 HTML5(一) H5其实就是H4的一个增强版本,我们在利用H5进行网页的构造会更简便,标签语义更简洁明了.首先,我们要理解HTML4,它是HTML的标记+css2+JavaScript的一些基本应用,简言之,就是API+语法:而H5无非就是在原先的基础上面提供了一些新的功能. 1.H5的语义标签 1):html 的定义 ,它的一个文档声明 <!DOCTYPE html>  语法跟html4 差不多,w3c 提供了一个网站可以用来检测html 的语法.  https://validato

初识html5 WebSocket

1.  WebSocket概念 WebSocket是HTML5开始提供的一种Client与Server间进行全双工(full-duplex)通讯的网络技术 双工(duplex),指二台通讯设备之间,允许有双向的资料传输 Client和Server通过WebSocket Protocol建立连接后,双方可以互传数据并且双方都可以关闭此连接 2. HTTP概念 HTTP Protocol是无状态协议的,Client和Server通过HTTP Protocol建立连接后,将采用"request-res

H TML5 之 (1) 初识HTML5

新特性 HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article.footer.header.nav.section 新的表单控件,比如 calendar.date.time.email.url.search 浏览器的支持 最新版本的 Safari.Chrome.Firefox 以及 Opera 支持某些 HTML5 特性.Internet Explorer 9 将支持

寻找大学目标及行动步骤——记ITAEM团队第二期宣讲会(2014.05.14)

·昨晚8:00-9:40,在 钟海楼03029 ,进行了ITAEM团队第二期宣讲会(第一期见第一期宣讲会总结),来参加的主要是大一学生,以信院为主,也有法学院.文学院的同学.在宣讲会中,大家都比较积极认真. 第二期宣讲会议程 (1)ITAEM团队骆宏作"有目标,才有奋斗的动力"主题分享,时间约为晚8点-8点40分: (2)丁又专作"Doing,Now(现在就行动)"演讲,时间约为晚8点45分-9点28分: (3)ITAEM团队温辉翔分享自己技术成长经验与推荐书籍,时

Exchange 2016部署实施案例篇-03.Exchange部署篇(中)

上一章<Exchange 2016部署实施案例篇-03.Exchange部署篇(上)>我们对部署Exchange Server 2016的先决条件做了简单的讲解,接下来我们进入先决条件准备工作. 先简单说下环境: 服务器名称 IP地址 系统 作用 ADSrv01 192.168.1.10 Win2016 GC(已部署完成) ADSrv02 192.168.1.20 Win2016 GC(已部署完成) EXSrv01 192.168.1.50 Win2016 MailBox(未安装) EXSrv

2016.8.14 HTML5重要标签及其属性学习

1.移动端的CSS: 一般需要引入下面的外部样式表: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/> Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷.[1]  它由Twitter的设