摘要: html5中出了新增了article、section、nav、aside、time主要结构元素外,还增加了一些表示逻辑结构或附加信息的非主体结构元素。 一、header元素 header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的内容区块的标题,但也可以包含其他内容,例如数 阅读全文
posted @ 2018-05-03 11:27 飞鱼0725 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 首先来说下微格式,它是一种利用HTML的class属性来对网页添加诸如新闻事件发生的日期和时间、个人电话号码、企业邮箱之类的附加信息方法。 time元素代表24小时中的某个时刻或某个日期,表示时刻时允许带时差。 在编码时机器读到的部分在datetime属性里,而元素的开始与结束标记中间的部分显示在网 阅读全文
posted @ 2018-05-03 10:56 飞鱼0725 阅读(502) 评论(0) 推荐(0) 编辑
摘要: web页面中的布局是指在页面中如何对标题、导航栏、主要内容、脚注、表单等各种构成要素进行合理编辑。在css3之前,主要使用float属性或position属性进行页面中的简单布局,但是也存在一些缺点,譬如如果两栏或多栏中元素的内容高度不一致则底部很难对齐。因此在css3中追加了一些新的布局方式。 这 阅读全文
posted @ 2018-05-02 17:19 飞鱼0725 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 盒的类型 一、盒的基本类型 在css中,使用display属性来定义盒的类型。总体来说,css中盒分为block类型与inline类型,例如div和p属于block类型,span和a属于inline类型。每一行只允许容纳一个block类型的元素,但是可以容纳多个inline类型的元素。 二、inli 阅读全文
posted @ 2018-04-30 20:23 飞鱼0725 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 通过选择器的使用,你不再需要在编辑样式时使用多余的以及没有任何语义的class属性,而是直接将元素和样式绑定起来,从而节省大量在网站或web应用程序已经完成之后修改样式时所需花费的时间。 一、选择器的概述 选择器是css3中一个重要的内容,如果在页面中定义多个class属性,并不能将元素和样式绑定起 阅读全文
posted @ 2018-04-30 19:07 飞鱼0725 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 首先我们了解下什么是css3,css3是css技术的一个升级。css3中并没有采用总体结构,而是采用分工协作的模块化结构。 css3中的模块 定义各种与背景和边框相关的样式 定义各种与颜色相关的样式 font more....... 之所以分成这么多模块来进行管理,是为了避免产生浏览器对于某个模块支 阅读全文
posted @ 2018-04-30 16:07 飞鱼0725 阅读(234) 评论(0) 推荐(0) 编辑
摘要: aside元素用来表示当前页面或文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条,以及其他类似的有别于主要内容的部分。 aside元素主要有以下两种使用方法: 1、包含在aside元素中作为主要内容的附属信息部分,其中内容可以是与当前文章有关的参考资料、名词解释等。 阅读全文
posted @ 2018-04-30 15:15 飞鱼0725 阅读(228) 评论(0) 推荐(0) 编辑
摘要: nav元素是一个可以用来作为页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要放进nav元素,只需要将主要的、基本的链接组放进nav元素即可。例如,在页脚中通常会有一组链接,包括服务条款、首页、版权声明等,这时使用footer元素最为适合,一个页面中可以有多个 阅读全文
posted @ 2018-04-30 14:07 飞鱼0725 阅读(1030) 评论(0) 推荐(0) 编辑
摘要: section元素是对网站或应用程序中页面上的内容进行分块,一个section元素通常有标题和内容组成。但section元素并非一个普通的容器元素,当一个容器需要直接定义样式或通过脚本定义行为时,推荐使用div元素而非section元素。我们可以这样理解:section元素中的内容可以直单独存储到数 阅读全文
posted @ 2018-04-30 12:02 飞鱼0725 阅读(1195) 评论(0) 推荐(0) 编辑
摘要: 在html5中,新增了一个“全局属性”的概念,所谓全局属性,是指可以对任何属性都使用的属性。下面列出常用的全局属性。 1、contentEditable属性,是微软开发的,该属性主要功能是允许用户编辑元素中的内容,所以该属性必须是可以获得鼠标焦点的元素,而且在点击鼠标后要向用户提供一个插入符号,提示 阅读全文
posted @ 2018-04-29 22:47 飞鱼0725 阅读(467) 评论(0) 推荐(0) 编辑