使用HTML5和CSS3开发电子商务网站——复习

目录:

第一章:HTML5基础

1.1 HTML5文件的基本结构和W3C标准

1.2 网页的基本标签

1.3 图像标签

1.4 超链接标签

第二章:列表、表格与媒体元素

2.1 列表

2.2 表格

2.3 HTML5的媒体元素

2.4 HTML5的结构元素

2.5 <iframe>框架

第三章:表单

3.1 表单概述

3.2 表单的高级应用

3.3 表单的初级验证

第四章:初识CSS3

4.1 CSS概述

4.2 CSS3的基本语法

4.3 在HTML中引入CSS样式

4.4 CSS3的选择器

第五章:CSS3美化网页元素

5.1 编辑网页文本

5.2 设置超链接和列表样式

5.3 背景样式

第六章:盒子模型

6.1 盒子模型

6.2 圆角边框

6.3 盒子阴影

第七章:浮动

7.1 网页布局

7.2 display属性

7.3 浮动概述

7.4 清除浮动

第八章:定位网页元素

8.1 定位在网页中的应用

8.2 position属性

8.3 z-index属性

第九章:利用CSS3制作网页动画

9.1 CSS3变形

9.2 CSS3过渡

9.3 CSS3动画

第一章:HTML5基础

1.1 网页的基本信息

1.1.1DOCTYPE声明

约束HTML文档结构,检验是否符合相关Web标准,同时告诉浏览器,使用哪种规范来解释这个文档中的代码。DOCTYPE声明必须位于HTML文档的第一行。

<! DOCTYPE html>

1.1.2 < meta> 标签

使用 <meta> 标签描述网页的摘要信息,包括文档内容类型、字符编码信息、搜索关键字、网站提供的功能和服务的详细描述等。<meta>标签描述的内容并不现实,其目的是方便浏览器解析或利于搜索引擎搜索,它采用“名称/值”对的方式描述摘要信息。

<meta   charset="UTF-8" />

当遇到页面发生乱码时,可以先观察页面中是否有些编码方式的语句,然后使用记事本打开该乱码文件,单机“另存为”按钮,在弹出的“另存为”对话框中修改编码方式,使其与页面中的编码方式一致。

搜索关键字:

<meta  name="keywords" content=“2017” />

内容描述信息:

<meta   name ="description"  content=“今天是2017年9月21日”/>

1,2 网页的基本标签

标题标签 <h1>~<h6>

段落标签:<p>   </p>

换行标签:<br/>

水平线标签:<hr/>

字体样式标签:<strong>字体加粗</strong>  <em>字体倾斜</em>

特殊符号:

特殊符号 字符实体
空格 &nbsp;
大于号(>) &gt;
小于号(<) &lt;
引号(") &quot;
版权符号()  
时间: 2024-10-11 04:25:02

使用HTML5和CSS3开发电子商务网站——复习的相关文章

(近万字)一篇文章带你了解HTML5和CSS3开发基础与应用-适合前端面试必备

作者 | Jeskson 来源 | 达达前端小酒馆 HTML5和CSS3开发基础与应用,详细说明HTML5的新特性和新增加元素,CSS3的新特性,新增加的选择器,新的布局,盒子模型,文本,边框,渐变,变形,动画效果等.HTML5的介绍,常用的元素和属性,表单相关元素和属性,CSS3新添加的选择器,CSS3新的属性. 了解HTML5,和现在主流的浏览器的,与基本语法. 在使用HTML5之前,w3c希望用XHTML来替代HTML,因为HTML与XHTML相比,XHTML是一种更加严格,更加规范的HT

Modernizr.js:为HTML5和CSS3而生!

此博为转载,原文在:http://caibaojian.com/modernizr-js.html modernizr这个JS,在国外的主题里面很多地方都看到,就只记得是为html补充的,有点类似与responsive.js一样.今天搜索到这篇文章,深入的讲解了modernizr.js是为检测浏览器的css3和HTML5的属性而生,从而通过CSS来解决兼容性问题. 个人觉得这种做法明显增加了CSS代码量,而且可能会造成当用户的页面没有启用js的情况下,里面的CSS3效果无法使用,另外就是今后维护

Modernizr——为HTML5和CSS3而生!

原文地址:http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/ 堂主译文地址:http://www.osmn00.com/translation/221.html 转载请尊重原作者及译者劳动,附带以上信息,谢谢合作~ -------------------- 分割线,以下是正文 -------------------- 10年前,只有最尖端的网站设计师会为网页的布局和修饰使用CS

html5和css3的常用参考网

当我们使用HTML5, CSS3,甚至Bootstrap设计网站的时候,有些方面是必须考虑的,比如字体大小,标题大小,行间距,每行字数,字体,颜色,背景图片和文字的搭 配,图标,留白和布局......所有的这些,都不是随随便便的,讲究一定的原则.而这些原则通常我们为参考一些网站.下面就列举这些网站. HTML5和CSS3常用参考网站? 浏览器渲染符合HTML5标准:http://necolas.github.io/normalize.css/ Google字体:ttps://www.google

使用HTML5、CSS3和jQuery增强网站用户体验[留存]

记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验?是不是立刻就想到了flash实现?这彷佛年代久远的事了.使用现在最流行的Web技术HTML5,CSS3和jQuery,同样也可以实现类似的用户体验.而且使用这些特性将会比使用flash更加有效.也许你可能刚知道Adobe停止开发移动版flash的消息,虽然在桌面中我们还拥有大量的flash的应用,但是随着HTML标准的完善,可能flash也要退出历史舞台了.在今天这篇文章中,我们将介绍一些非常实用的教程,技巧和资源来帮助大家构建一

webApp手机网站开发、最新H5+CSS3开发微信端网站

手机网站移动端webApp开发实践来啦,助您更快.更好的学习HTML5+css3手机网站开发知识!!! 移动端web网站(移动端web开发/APP开发).移动端App模版.手机网站模版.HTML5+CSS3网站模版,手机端网站开发模板.手机网站.移动webApp开发.移动端网站.HTML5+CSS3.手机web开发...... WebApp与Native App有何区别呢? Native App:1.开发成本非常大.一般使用的开发语言为JAVA.C++.Objective-C.2.更新体验较差.

Asp.Net MVC4开发三:HTML5、CSS3、JQuery、JQuery UI的应用

在Asp.Net MVC4里面UI层也就是View层默认使用HTML5以及与HTML相对应的CSS3,JS默认使用JQuery和JQuery UI.新建一个MVC4项目,项目会自动包含JQuery.JQuery UI所需要的文件及智能提示支持; HTML则是自动生成HTML5格式标签的页面. 先来看看MVC4项目里面对这些内容的支持: 在MVC4项目里面有Scripts和Content两个文件夹,Scripts里面存放Java scripts库包括JQuery, JQuery UI, JQuer

电子商务网站的设计与实现(一):当前的一些购物体验和开发期望

正如2015年度规划中提到的那样,2015年,我想尝试开发一款电子商务网站.主要目的了,就是练练手,提高下能力,在实践中构建和优化自己的开发基础库.如果可以卖钱,自然更好.即使不能,也要不断优化,为若干年之后做IT相关的生意做点准备. 言归正传~ 电子商务相关网站,用的还算比较多的.综合购物网站.垂直购物网站.P2P网贷等一大堆,具体开发相关系统很少,只有P2P网贷系统和一个图书购物网站的Demo. 电子商务网站,其实就是,线下图书.中国移动营业厅.超市.福利彩票的网络版,虚拟+现实,是当前主要

html5+css3开发总结

meta标签:<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 ) height: viewport 的高度 (范围从 223 到 10,000 ) initial-scale: 初始的缩放比例