HTML5权威指南
奋飛
乐观、勇气、专注、果断、好奇、公正、慎思、真诚、追求极致追求完美、诚信!独立撰写了多个前端专题模块,访问量达百万级。多次负责组织大数据可视化前端架构平台开发工作。对前端新技术、新潮流具有很强的敏锐力和洞察力!
展开
-
HTML5-创建HTML文档
下述内容主要讲述了《HTML5权威指南》第7章关于“创建HTML文档”。HTML5中的一个主要变化是:将元素的语义与元素对其内容呈现结果的影响分开。从原理上讲这合乎情理。HTML元素负责文档内容的结构和含义,内容的呈现则由应用于元素上的CSS样式控制。下面介绍最基础的HTML元素:文档元素和元数据元素。一、构建基本的文档结构文档元素只有4个:DOCTYPE元素、html元素、head元素、body原创 2016-08-03 15:07:00 · 4779 阅读 · 0 评论 -
HTML5-定制input元素
下述内容主要讲述了《HTML5权威指南》第13章关于“定制input元素”。input元素可以生成一个供用户输入数据的简单文本框。其缺点在于用户在其中输入什么值都可以,可以配置type类型来获取额外的属性。其中type属性有23个不同的值,而input元素共有30个属性,其中许多属性只能与特定的type属性值搭配使用。一、用input元素输入文字type属性设置为text的input元素在浏览器中原创 2016-08-20 18:17:36 · 3979 阅读 · 1 评论 -
HTML5-表单
下述内容主要讲述了《HTML5权威指南》第12章关于“表单”。当使用form提交数据时:在HTML4中,input、button和其他与表单相关的元素必须放在form元素中;在HTML5中,这条限制不复存在。可以将这类元素与文档中任何地方的表单挂钩(通过表单元素的form属性【下述示例3】)。一、制作基本表单示例1:新标签页显示表单结果<!doctype html><html lang="en"原创 2016-08-09 16:20:03 · 4559 阅读 · 1 评论 -
HTML5-输入验证
下述内容主要讲述了《HTML5权威指南》第14章关于“其他表单元素及输入验证”。一、使用其他表单元素1. 生成选项列表select元素可以用来生成一个选项列表供用户选择。size属性用来设定要显示给用户的选项数目;multiple属性,用户一次可以选择多个选项。示例1:选择列表 <label for="fave"> Favorite Fruit: <select name=原创 2016-08-22 14:40:29 · 5316 阅读 · 0 评论 -
HTML5-嵌入内容
下述内容主要讲述了《HTML5权威指南》第15章关于“嵌入内容”。一、嵌入图像img元素允许我们在HTML文档里嵌入图像。图像在HTML标记处理完毕后才加载!!src属性指定欲嵌入图像的URL;alt属性定义了img元素的备用内容(图像无法显示时呈现)。width和height属性指定img元素所代表图像的尺寸(单位是像素)。如果省略了该属性,浏览器不知道该为图像留出多大的屏幕空间,造成的结原创 2016-08-25 16:14:35 · 4192 阅读 · 0 评论 -
CSS3-边框和背景
下述内容主要讲述了《HTML5权威指南》第19章关于“使用边框和背景”。CSS3中边框和样式得到了增强。例如:可以创建圆角边框,使用图像边框,为元素创建阴影。一、应用边框样式表 基本边框属性 属性 说明 值 border-width 设置边框的宽度 <长度值>、<百分数>、Thin、medium、thick border-style 设置绘制边框使用的样式 non原创 2016-09-23 16:08:44 · 1979 阅读 · 0 评论 -
浮动、定位
浮动盒将元素的左边界或右边界移动到包含块或者另一个浮动盒的边界。相对定位(relative):相对于自己原位置进行偏移,在文本流中的位置依然存在,不脱离文档流;绝对定位(absolute):对于position值不为static的第一位祖先元素来定位(未找到,则相对body元素),在正常流中的位置不在存在,脱离文档流;固定定位(fixed):一直位于可视窗口的指定位置,不受滚动条影响,脱离文档流。原创 2017-02-24 15:54:32 · 2744 阅读 · 2 评论 -
元素、文字垂直居中
让一个元素垂直居中是我们开发经常遇到的问题,下述整理各种情况:1.div垂直居中(1)绝对定位方式(2)设置外边距(3)利用transform属性(5)flexbox居中方式2.文字垂直居中(1)line-height(2)dispaly:table原创 2017-02-25 12:00:43 · 6704 阅读 · 4 评论 -
CSS选择器
下述内容主要讲述了《HTML5权威指南》第17、18章关于“使用CSS选择器(第I部分、第II部分)”。一、前传1. CSS标准化在模块定义不太稳定的阶段,浏览器会采用厂商前缀实现某个特性。它允许早起采纳者试用浏览器实现的新属性。表 浏览器特定厂商前缀 浏览器 厂商前缀 Chrome、Safari -webkit- Opera -o- Firefox -moz-原创 2016-09-09 18:35:39 · 1399 阅读 · 1 评论