0

课时56.marquee标签(理解)

这个标签是比较特殊的,不是html5中的新增标签 在W3C官方文档中找不到这个标签,也就是说不是官方推荐的标签 但是各大浏览器对这个标签的支持也非常不错,而且效果也非常不错 1.什么是marquee标签? 作用:跑马灯 2.格式: <marquee> 内容 </marquee> 属性: 为了方便看出 ...

双双双双 发布于 2018-06-08 16:36 评论(0)阅读(32)
1

CSS:层叠样式表—position

CSS position属性用于指定一个元素在文档中的定位方式。top,right,bottom和left属性则决定了该元素的最终位置。 常见语法 static | relative | absolute | sticky | fixed static 默认值。没有定位,元素出现在正常的流中(忽略 ...

撑船的摆渡人 发布于 2018-06-08 16:13 评论(1)阅读(42)
0

课时55.详情和概要标签(理解)

1.什么是详情和概要标签? 作用:利用summary标签来描述概要信息,利用details标签来描述详情信息 默认情况下是折叠展示,想看见详情必须点击 格式: <details> <summary>概要信息</summary> 详情信息 </details> 目的是为了在有限的空间内尽可能多的展示信 ...

双双双双 发布于 2018-06-08 15:48 评论(0)阅读(26)
0

课时53.video标签第二种格式(掌握)

由于视频数据非常非常的重要,所以五大浏览器厂商都不愿意支持别人都视频格式,所以导致了没有一种视频格式是所有浏览器都支持的,这个时候W3C为了解决这个问题,所以推出了第二种video标签的格式 如何查看浏览器支持什么格式的视频? W3C HTML/CSS HTML5 HTML5视频 m 我们从水平方向 ...

双双双双 发布于 2018-06-08 15:04 评论(0)阅读(28)
0

课时53.video标签(掌握)

这节课来学习一下html5中新增的标签,我们先来看一下,html5中新增了哪些标签? 打开W3school的网页,点击参考手册中的HTML/HTML5标签,有一个按字母顺序排列的标签,但凡标签后面带有5标记的,都是html5新增的标签。 而有一些标签是css才用到的,这里先不学 有一些是用不到的,如 ...

双双双双 发布于 2018-06-08 14:00 评论(0)阅读(26)
1

课时50.51表单练习(理解)

来做一个这个界面 fieldset和legend标签在企业中用到的非常少,在企业里的边框都要求非常好看 ...

双双双双 发布于 2018-06-08 12:58 评论(2)阅读(41)
0

课时49.非input标签(掌握)

1.select标签(下拉列表) 什么是下拉列表? 这就是下拉列表 作用: 用于定义下拉列表 格式: <select> <option>列表数据</option> </select> 这个下拉列表和datalist很像,但是它们两个之间有很大的区别 datalist是用来定义待选列表,将来它可以绑定 ...

双双双双 发布于 2018-06-08 12:04 评论(0)阅读(28)
1

关于固定背景图片的方法

使用background-attachment: fixed;使背景图片固定 这是css的属性,所有浏览器都支持 background-attachment 属性。 但是在ios和一些移动端对background-attachment: fixed支持的不好,但可以hack一下。: 总结:移动端要固 ...

华东首席鉴黄师 发布于 2018-06-08 10:51 评论(1)阅读(47)
0

课时48.表单标签-H5(了解)

可以自动校验输入的内容是否符合邮箱的格式,我带大家随便看几个就行了,因为大部分浏览器对这几个特性有的支持,有的不支持,所以大家只要了解就好了 ...

双双双双 发布于 2018-06-08 10:20 评论(0)阅读(28)
0

课时10.第一个HTML网页(掌握)

网页的固定格式 编写网页和写信一样都有一套规范和要求,这套规范和要求中规定了写信的固定格式 写信基本结构 亲爱的xx: 你好! 我。。。。。。。。。。。。。。。。。。 。。。。。。 此致 敬礼! xxx 2018年x月x日 编写网页的步骤: 一定不用用中文命名文件,要用英文或者拼音 基本结构 ... ...

双双双双 发布于 2018-06-08 09:05 评论(0)阅读(53)
1

Canvas制作的下雨动画

简介 在codepen上看到一个Canvas做的下雨效果动画,感觉蛮有意思的。就研究了下,这里来分享下,实现技巧。效果可以见下面的链接。 霓虹雨: http://codepen.io/natewiley/full/NNgqVJ/ 效果截图: Canvas动画基础 大家都知道,Canvas其实只是一个 ...

青山_戴月 发布于 2018-06-08 08:58 评论(0)阅读(335)
0

webpack项目轻松混用css module

解决antd-mobile和css module冲突,css module的使用方式 ...

wall's 发布于 2018-06-08 00:50 评论(0)阅读(120)
0

前端学习资料夹

对于前端的学习网上已经有许多教学和建议,但老话说的好:适合自己的才是最好的。所以本人也在此特地整理一下前端方向的入门学习资料。 搜索引擎 Google 谷歌 Bing 必应 Sougou 搜狗 Baidu 百度 高质量的问答社区 stackoverflow 知乎 前端Web开发资源整理 前端Web开 ...

linyuxin 发布于 2018-06-07 23:56 评论(0)阅读(77)
0

盒子模型浅析

上篇文章总结了块级元素和行内元素 这篇文章总结了有关盒子模型的知识,助于梳理知识 首先,什么是盒子模型我们知道,html文档中,基本上每个元素都可以看作一个盒子,我们称之为盒子模型。 盒子模型的组成盒子模型包含四个重要的部分:content(width、height):盒子内容宽高padding:内 ...

枫雨血痕 发布于 2018-06-07 21:19 评论(0)阅读(25)
0

课时47.datalist标签(了解)

1.datalist标签 作用:给输入框绑定待选项 2.datalist格式: <datalist> <option>待选项内容</option> </datalist> 3.如何给输入框绑定待选列表? 这个东西我们只要是了解即可,因为很多浏览器都不支持 ...

双双双双 发布于 2018-06-07 20:24 评论(0)阅读(24)
0

课时8.HTML作用(掌握)

什么是HTML? HTML其实是HyperText Markup Language的缩写,超文本标记语言 如何重命名文件? 首先利用记事本保存了一个标题和两段描述,然后修改纯文本文件的扩展名为.html,然后再利用浏览器打开 打开之后发现显示的格式不对,不对的原因是在纯文本文件中所有文字都是同级别的 ...

双双双双 发布于 2018-06-07 19:46 评论(0)阅读(22)
0

用三层盒子结构实现多边框

如图为jd的广告页面 如果想给每个盒子加上美观的border,实现如下效果 如果给每个li加border的话盒子就会被撑开,则依照浮动特性一行就容纳不下4个li,li会自动掉下来。这时,可以给ul一个宽度,li就不会掉下来,如下图所示 这时,刚好ul会比外面的盒子高几像素和几及像素(如果不清除浮动u ...

Mugglean 发布于 2018-06-07 19:43 评论(0)阅读(28)
0

课时7.其它知识补充(理解)

在windows系统中如何查看文件的扩展名,默认情况下windows系统是不显示文件的扩展名的,但是作为一个开发者而言,查看文件的扩展名是我们必备的技能 win10:随便打开一个文件夹 点击查看 将文件扩展名的选项勾上 html文件的扩展名是.html 电脑上的一个文件是可以“同时”被多个软件打开的 ...

双双双双 发布于 2018-06-07 19:34 评论(0)阅读(23)
0

课时4.浏览器请求数据的过程(理解)

请求报文:请求行+请求头+空行+请求体 响应报文:响应行+响应头+响应体 如何打开谷歌的开发者工具? ...

双双双双 发布于 2018-06-07 19:13 评论(0)阅读(39)
0

课时2.浏览器和服务器(了解)

1.什么是浏览器? 浏览器就是由安装在我们电脑上的一款软件,QQ,百度影音等一样,都是安装在电脑上的一款软件 那这些软件之间由什么区别呢? 它们的区别就是它们的功能不太一样,QQ是用来聊天的,百度影音是用来播放音频文件的,office是用来编辑word,excel文件的 那浏览器这款软件它的功能是什 ...

双双双双 发布于 2018-06-07 19:07 评论(0)阅读(30)