• 记录生活,发现同好!--个人生活点滴记录博客

标签:HTML5

HTML/CSS

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

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

个人博客吧 1年前 (2016-12-15) 759浏览 0评论

HTML/CSS

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

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

个人博客吧 1年前 (2016-12-10) 769浏览 0评论

HTML/CSS

position定位层:absolute+relative的应用

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

个人博客吧 1年前 (2016-12-08) 1385浏览 10评论

HTML/CSS

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

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

个人博客吧 1年前 (2016-11-19) 1196浏览 0评论

HTML/CSS

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

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

个人博客吧 1年前 (2016-11-18) 1347浏览 1评论

HTML/CSS

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

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

个人博客吧 1年前 (2016-11-12) 881浏览 0评论

HTML/CSS

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

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

个人博客吧 1年前 (2016-11-11) 1126浏览 0评论

HTML/CSS

CSS3过渡效果

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

个人博客吧 2年前 (2016-02-29) 1367浏览 0评论