html内联元素和块级元素的基本概念及使用示例html标签分为两种，内联元素和块级元素，首先我们先了解一下内联元素和块级元素的概念：块级元素：一般是其它元素的容器，可容纳内联元素和其它块级元素，块级元素排斥其它元素与其位于同一行，可设置宽度（width）高度（height）属性，正常流中的块级元素会垂直摆放。常见块状元素为“div”内联元素（行内元素）：内联元素只能容纳文本或者其他内联元素，是...
html中，可以通过在body标签元素中使用margin属性添加外边距来设置整体页面边距，具体语法格式“body{margin:边距值;}”。body标签中包含文档的所有内容，代表整个html页面。本教程操作环境：windows7系统、CSS3&&HTML5版、DellG3电脑。设置html整体页面边距body{margin:30px;}HTML页面主体内容效果图：说明：margin是一...
html5实现滑块功能之type="range"属性1.html5中添加了关于滑块的标签，其实际是扩展了input标签，type属性值为range。2.感觉挺有意思，就做了一个关于滑块的动画的例子，可以通过开始和结束按钮来控制滑块的滑动和停止，有点类似视频的自动播放和暂停，同时还时时显示了该滑块的值。3.具体代码如下所示数字递增组件当前值为：0播放停止//定义一个标识符，用于判断用户点击开始按...
声明图形我们需要使用shape-outside属性声明不规则图形。当前，shape-outside属性只能被应用于浮动元素，并且只能应用于块级元素。如果需要在非块级元素上使用这些属性，必须先把元素声明为块级。Shape-*值有三种赋值方式：自动，基本图形或者图片链接。如果被设置为自动，浮动元素将继续作为传统的盒模型进行渲染。如果你还不熟悉盒模型，请参考CSS盒模型，这是阅读本篇文章的...
1.新的HTML5文档类型和字符集是？HTML5文档类型HTML5使用UTF-8字符集?2.HTML5中如何嵌入音频？HTML5支持MP3、Wav和Ogg格式的音频，下面是在网页中嵌入音频的简单实例：Yourbrowserdoesn'tsuppportaudioembeddingfeature.3.HTML5如何嵌入视频？和音频类似，HTML5支持MP4、WebM和Ogg格式的...
看腻导航栏背景变色的hover效果，我们看一下比较特殊的hover效果。分析我们观察到，当鼠标悬停在导航栏的项目中，出现从中间向左右展开的背景效果；移开时，又从左右向中间收缩。可以做出如下分析：文字本身是没有展开和收缩效果，说明文字与背景不是同一个元素。文字在背景上面显示，文字元素与背景元素是上下层关系，也就是存在定位。背景展开和收缩有明显的过渡效果。实现根据以上三点，我们逐个突破。1.文本...
HTML5服务器发送事件（Server-SentEvents）允许网页获得来自服务器的更新。Sever-Sent事件-单项消息传递Sever-Sent事件指的是网页自动获取来自服务器的更新以前也可能做得到这一点，前提是网页不得不询问是否有可用的更新，通过服务器发送时间，更新能够自动到达例子：FaceBook/Twitter跟新，估价更新，新的博文，赛事结果等接受Sever-Sent事件通...
表单提交代码1、源代码分析Documentbutton2、终端操作打开终端gitbash，切换到html所在的文件夹用命令行http-server打开静态服务器，打开后会出现两个ip地址。127.xxx是本地访问地址，125.xxx是局域网访问地址（这里的前提是已经安装了nodejs，并用npm安装了http-server这个服务器）用浏览器打开html文件。用替换本地的file文件地址。点开...
鼠标滑过遮罩文字背景动画效果第一种效果的最终效果如下，用鼠标放上去看看：Welcometohtmleaf.comHTML结构WelcometoCodicodeCSS样式body{background-color:#fff;}#bkDiv{//TherainbowCss3patternbackground:linear-gradient（0deg,transparent0%...
为何要学习HTML5和CSS3：因为这是前端关于HTML和CSS最新的技术，最新的必须要了解其中新增内容。1.结构标签HTML5最大的变革是标签具有语义化header页面的头部nav导航栏article文章的内容section一个区块，与div相似aside侧边栏footer页脚在HTML5中这些结构标签都可以增加网站的语义化，从而提升搜索引擎对网站的排名比下拉菜单更加灵活，可以...