登录

标签:HTML5

HTML/CSS

html5常用标签定义及使用说明

html5常用标签定义及使用说明
HTML5是下一代Web语言,它不再只是一种标记语言,它未下一代web提供了全新的框架和平台,包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能,并使这些用用标准化,从而使web能够轻松实现类似桌面的应用体验。 Html5优点:1、提高可用性和改进用户的友好体验;2、新的标签将有助于开发人员定义重……全文阅读 »

maolai 2年前 (2016-12-15) 1461浏览 0评论

HTML/CSS

李炎恢老师HTML5第一季视频教程下载

李炎恢老师HTML5第一季视频教程下载
课程目标:HTML5第一季主要学习HTML5的标签和CSS3的基本知识,然后通过三种不同类型的案例贯穿整个学习过程! 适用人群:HTML5的初学者,对Web前端入门课程感兴趣的同学! 课程简介:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项推荐标准[1] 、外语原……全文阅读 »

maolai 2年前 (2016-12-10) 1568浏览 0评论

HTML/CSS

position定位层:absolute+relative的应用

position定位层:absolute+relative的应用
html定位层的特点: 完全脱离默认文档流,独立于立体层面的Z轴之上。和float浮动一样都脱离了默认文档流。但float元素与默认文档流之间会相互产生影响,而定位层元素则完全独立互不干扰。 让元素inline-block化:例如一个div标签默认宽度是100%显示的。但是一亘变成absolute绝对定位,则默认独……全文阅读 »

maolai 2年前 (2016-12-08) 2425浏览 10评论

HTML/CSS

web前端开发之什么是表单?

web前端开发之什么是表单?
什么是表单?表单是搜集用户数据信息的各种表单元素的集合区域。它的作用是实现网页上的数据交互。搜集客户端输入的数据信息,提交到网站服务器端进行处理(搜集录入/比对验证等)。 表单常见应用:a、注册/登录 b、搜索 c、留言/评论 d、文件上传/文章编辑 表单的结构:表单区域+表单控件(表单元素) 表单标签:<f……全文阅读 »

maolai 2年前 (2016-11-19) 2727浏览 0评论

HTML/CSS

sublime text3的快捷键(使用 Emmet 插件)

sublime text3的快捷键(使用 Emmet  插件)
Sublime Text3的一个 HTML5 代码提示插件:Emmet,这个插件比自带原生的要强大许多。 一.安装方式 Emmet 插件安装一般采用两种方式,1.通过命令安装;2.下载离线安装。这里直接采用的是下载离线安装方式。具体步骤: 1.解压下载好的 Emmet 插件包(这里会提供,下载链接: http://……全文阅读 »

maolai 2年前 (2016-11-18) 2194浏览 1评论

HTML/CSS

css样式float浮动之后,父元素“塌陷”的解决办法

css样式float浮动之后,父元素“塌陷”的解决办法
当父元素里面的内容有浮动的时候,如果这个父元素没有设置高度和宽度的时候,就会导致父元素塌陷,即没设置高度时,父元素会变成一条线。在这里我们可以称为“塌陷”。如下例子:box父元素没有设置高度,只设置边框,它的子元素box1,box2设置宽高、背景颜色、左浮动。 代码如下: <!doctype html>……全文阅读 »

maolai 2年前 (2016-11-12) 1502浏览 0评论

HTML/CSS

web前端开发盒子模型(box model)的基本属性

web前端开发盒子模型(box model)的基本属性
内容区域设定:width:宽度的设定,height:高度的设定。宽度和高度的设定可以是个体的数值(带单位),也可以是百分比设置。 内边距(padding)的设定: .盒子的内边距为上右下左四个方向 .内边距的设定用来控制盒子中装载的内容到盒子边缘(边框)之间的距离。 .盒子的内边距占据的是盒子里面的空间,最小为0,……全文阅读 »

maolai 2年前 (2016-11-11) 2246浏览 0评论

HTML/CSS

web前端开发系列课程之HTML超级链接

web前端开发系列课程之HTML超级链接
.标签<a> 双标签,行间元素 .href属性是其最重要的属性,用来定义链接的目标地址,实现超级链接的功能 .如果没有href属性,<a>标签仅仅是超链接的一个占位符。 基础代码:<a href="url">链接文本元素</a> html链接的常见形式: 1、锚点(a……全文阅读 »

maolai 2年前 (2016-11-10) 1211浏览 0评论

HTML/CSS

CSS3过渡效果

CSS3过渡效果
HTML5中CSS3的过渡效果,通过这个功能可以不借助 JavaScript 来实现简单的用户交互功能。 一、过渡简介 过渡效果一般是通过一些简单的 CSS 动作触发平滑过渡功能,比如::hover、:focus、:active、:checked 等。CSS3 提供了 transition 属性来实现这个过渡功能,……全文阅读 »

maolai 3年前 (2016-02-29) 2113浏览 0评论

HTML/CSS

CSS3变形效果(下)

CSS3变形效果(下)
一、3D 变形简介 元素的平移、旋转、缩放和倾斜等功能这些效果只是单纯在二维平面图上的,我们称之为 2D。那么其实CSS3也提供了三维立体的一些功能效果,并且目前较新的主流浏览器都比较支持,只不过比 2D 晚一些,对浏览器的版本要求也要高一些。 由于3D是立体三维,在 x、y 轴的基础上一般会多出一个z轴,深入跃出……全文阅读 »

maolai 3年前 (2016-02-28) 2378浏览 0评论

HTML/CSS

CSS3变形效果(上)

CSS3变形效果(上)
HTML5 中 CSS3 的变形效果,通过变形效果,可以平移、缩放和旋转元素的功能。 一、transform CSS3提供了元素变形效果,也叫做变换。它可以将元素实现旋转、缩放和平移的功能。属性有两个:transform 和 transform-origin。 属性 说明 transform 指定应用的变……全文阅读 »

maolai 3年前 (2016-02-27) 1516浏览 0评论