自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

转载 从零玩转JavaScript全栈开发——JS中常用的输出方式(掌握)

console.logconsole.errorconsole.warnpromptconfirm

2018-05-30 18:54:07 565

转载 从零玩转HTML5前端+跨平台开发——文本属性(掌握)

1.文本的装饰属性格式:text-decoration:取值取值:underline  下划线linethrough  删除线overline  上划线none:什么都没有none:最常见的用途就是用于去掉超链接的下划线2.文本对齐的属性格式:text-align:取值;取值:left、right、center3.文本缩进的属性text-indend:2em;取值:2em,em是单位,1个em代表...

2018-05-29 19:09:04 267

转载 从零玩转HTML5前端+跨平台开发——文字属性的简写(掌握)

font:italic bold 10px ”楷体补充:缩写格式font:style weight size family;、注意点:在缩写格式中,有的属性值可以省略style可以省略weight可以省略-在这种缩写格式中,style和weight的位置可以交换-在这种简写格式中,size和family不能省略,并且size和family不能交换的...

2018-05-29 18:28:42 185

转载 从零玩转HTML5前端+跨平台开发——文字相关属性(掌握)

(写代码高效率的技巧,可以按键盘代码英文的首字母,然后在按table就可以有个列表弹出,选出你要写的即可)1、规定文字样式的属性格式:font-style:italic;取值:normal:正常的,默认是正常的italic:倾斜的快捷键:fs   font-style:  italicfsn  font-style: normal;2、规定文字粗细的属性格式:font-weight: bold单词...

2018-05-24 18:54:26 198

转载 从零玩转HTML5前端+跨平台开发——体验CSS(理解)

通过标签来修改样式的缺点1.需要记忆那些标签有哪些属性,如果该标签没有这个属性,那么设置了也没有效果2.当需求变更时我们需要修改大量的代码才能满足现有的需求3.HTML只有一个作用就是用来添加语义,所以在企业开发中修改样式都是交给CSS来做2.通过CSS来修改样式有什么好处?1.不用记忆那些属性属于哪个标签2.当需求变更时我们不需要修改大量的代码就可以满足需求3.在前端开发中CSS只有一个作用,就...

2018-05-23 18:34:03 810

转载 从零玩转HTML5前端+跨平台开发——字符实体(理解)

字符实体?在html中有的字符是被HTML保留的,有的HTML字符在HTM中是有特殊含义的(比尖如括号)。是不能再浏览器中直接显示出来的。那么这些东西想要显示出来就必须通过字符实体来写。比如左边尖括》:<右边尖括号>:&gt比如页面要写<table>,那么写法就是:<table>(记住写完要加分号)&lt::小于符合&lt...

2018-05-21 18:48:56 162

转载 从零玩转HTML5前端+跨平台开发——HTML中被废弃的标签(掌握)

<br> <hr> <font> <b> <u> <i> <s><b>(bold) 加粗文本,没有任何语义的<u>(underlined) 给文本添加下划线,没有任何语义的<i>(italic) 将文本倾斜,没有任何语义的&

2018-05-21 18:33:33 147

转载 从零玩转HTML5前端+跨平台开发——marquee标签(理解)

详情和概要标签:   <details>   <summary>    概要名称    </summary>        概要详情信息   </details>marquee标签:不是W3C推荐标签,官方文档查询不到,但是各大浏览器支持作用:跑马灯 在屏幕中 滚动<marquee  direction=(滚动方向) scrollamoun...

2018-05-17 19:12:44 242

转载 从零玩转HTML5前端+跨平台开发——详情和概要标签(理解)

什么是详情和概念标签?作用:利用summary标签来描述概要信息,利用details标签来描述详情信息默认情况下是折叠展示,想看见详情必须点击格式:<details>        <summary>概要信息</summary>         详情信息...

2018-05-17 19:00:18 92

转载 从零玩转HTML5前端+跨平台开发——audio标签(掌握)

音频格式:<audio src=“ ”   自动播放 autoplay="autoplay"    控制按钮 controls="controls" </audio>通过JavaScript框架  html5media  实现<audio>  <source  src="文件位置"   type=" audio="audio/mp3&quot

2018-05-17 18:51:04 156

转载 学习:从零玩转HTML5前端+跨平台开发(video标签(掌握))

A:video属性:播放视频  1.autoplay: 自动播放  2.controls: 控制条  3.poster: 占位图片  4..loop: 广告视频循环播放  5.muted: 静音  6.preload: 预加载视频和autoplay冲突  7.height: 800px  8.width: 300pxB:第二种格式 浏览器适配问题 三种适配格式   <video>   ...

2018-05-17 18:38:01 341

转载 学习:从零玩转HTML5前端+跨平台开发(表单练习(理解))

单选框:radio,通过name属性进行互斥;checked默认选中多选框:checkbox,通过name属性进行互斥;checked默认选中下拉选中框:select除了按钮类型的input标签以外,其他的类型的标签都可以通过一个value属性来指定将来提交到服务器的值提交:submit 提交时需要再表单中添加属性 action<form><fieldset>//表单边框&...

2018-05-16 19:27:47 238

转载 学习:从零玩转HTML5前端+跨平台开发(表单标签-非input标签(掌握))

form表单标签 <form action = "提交到服务器地址">       <表单元素> </form>常见的表单元素     <input type = "text" name = "username"> 明文输入框     <input type = "password">暗文输

2018-05-16 19:04:54 182

转载 学习:从零玩转HTML5前端+跨平台开发(dalist标签(了解))

<datalist>标签作用:给输入框绑定待选项(比如百度输入框搜索爸爸,下拉框会有爸爸去哪儿,爸爸回来了等待选项内容待选)下面就是带选项例子的写法:请输入你的车型:<input  type="text" list="cars">                          <datalist id=“cars”>                     ...

2018-05-15 19:12:15 210

转载 学习:从零玩转HTML5前端+跨平台开发(表单标签-按钮(掌握))

1、默认情况下文字和输入框是没有关联关系的也就是说点击文字输入框聚焦,那么就需要让文字和输入框进行绑定2、要先更让输入框和文字绑定在一起,那么我们可以使用label标签3、绑定的格式3.1将文字用label标签包裹起来3.2给输入框添加一个id属性3.3在label标签中通过for属性和输入框中的id进行绑定即可<label for="passwd">密码:</label>...

2018-05-15 19:06:08 94

转载 学习:从零玩转HTML5前端+跨平台开发(表单标签-按钮(掌握))

【表单标签——按钮】(需要配合JS使用)1.普通按钮<input type="button" value="我是按钮”>2.图片按钮<input type="image" src="">3.重置按钮<input type="reset"> (清空表单中的内容)可以添加value属性改变标题4.提交按钮<input type

2018-05-15 18:57:21 94

转载 学习:从零玩转HTML5前端+跨平台开发(表单标签-input(掌握))

1.什么是表单元素?表单就是专门用来收集用户信息的2.什么是表单元素?2.1什么是元素?在HTML中标签、标记、元素都是指HTML中的标签列如:<a> a标签/a标记/a元素表单元素其实就是还是HTML中的一些标签,只不过这些标签比较特殊,在浏览器中所有的表单标签都有特殊是的外观和默认的功能3.表单的格式:<form>      <表单元素>   </fo...

2018-05-15 18:42:24 129

转载 学习:从零玩转HTML5前端+跨平台开发(表格标签基本使用、属性(理解))、细线表格(理解)、表格中的其它标签(理解)

1什么是表格标签?表格标签作用:用来给一堆数据添加表格语义其实表格是一种数据的展现形式,当数据量非常大的时候,表格这种展现形式被认为是最为清晰的一种展现形式2.表格标签格式:<table>       <tr>               <td></td>       </tr> </table>表格标签作用:用来给一堆数据...

2018-05-11 19:30:54 130

转载 学习:从零玩转HTML5前端+跨平台开发(定义列表(掌握))

定义列表的格式:<dl>       <dt></dt>       <dd></dd>        <dt></dt>       <dd></dd></dl>其实dt和dd都是英文的缩写dt是英文definition titl

2018-05-10 19:17:35 157 1

转载 学习:从零玩转HTML5前端+跨平台开发(有序列表(理解))

什么是有序列表?有序列表的作用:给一堆数据添加列表语义,并且着一堆数据中所有的数据都有先后之分有序列表格式:<ol>        <li></li></ol>其他用法和ul都差不多,也就是应用场景/注意点和ul差不多...

2018-05-10 18:59:28 209

转载 学习:从零玩转HTML5前端+跨平台开发(无序列表(掌握))

1:什么是列表标签?列表标签的作用:给一堆数据添加列表语义,也就是告诉搜素引擎告诉浏览器这一堆数据是一个整体2:HTML中列表标签的分类2.1无序列表(最多)(unordered list)2.2有序列表(最少)(ordered list)2.3定义列表(其次)(definition list)3:无序列表作用:给一堆数据添加列表语义,并且着一堆数据中所有的数据都没有先后之分什么叫有先后之分?列如...

2018-05-10 18:53:49 248

转载 学习:从零玩转HTML5前端+跨平台开发(假链接(掌握))

假链接:点击之后不跳转 假链接:点击之后不跳转 <a href="#"><a><a href="JavaScript"><a>#的假链接会自动回到网页的顶部,而javascript:的假链接不会自动回到网页的顶部...

2018-05-07 19:21:47 355

转载 学习:从零玩转HTML5前端+跨平台开发(base标签(掌握))

base标签就是专门用来统一的指定当前网页中的所有超链接(a标签)需要如何打开格式:        <head>                <base target="_blank">        </head>注意:必须写在head标签的开始与结束标签之间如果base与a标签里均有target属性,则按a标签里的来进行...

2018-05-07 19:10:57 133

翻译 学习:从零玩转HTML5前端+跨平台开发(a标签基本使用及其它属性(掌握))

a标签:用于控制页面与页面之间的跳转;格式:<a href="指定需要跳转的目标界面地址">需要展现给用户查看的内容(名字)</a>注意点:1.a标签不仅可以让文字可以点击,还可以让图片也能够被点击2.一个a标签必须有一个href属性,否则a标签不知道跳转到什么地方3.如果通过a标签的href属性指定一个URL地址,那么必须在地址前面加上http://或者https://a...

2018-05-07 18:48:37 150

转载 学习:从零玩转HTML5前端+跨平台开发(img标签(掌握))

img三要素<img src alt title>1.img=image图片2.格式:<img src=" ">3.src=source资源   想要显示图片的名称4.img标签不会独占一行 5.属性width,height设置显示的图片有多高多宽6.如果不设置属性,按照图片原本大默认宽高显示7.等比例放大只需修改其中一个属性即可8.title:鼠标悬停图片显示属性9.AL...

2018-05-03 19:46:12 115

翻译 学习:从零玩转HTML5前端+跨平台开发(H标签和P标签以及Hr标签(掌握))

1、如何让标签包裹一段内容,按ctrl+alt+t。按下回车,输入标签2、h:从h1到h6 独占一行,企业开发,慎用h系列标签,特别是h1标签,企业开发中一般情况下一个界面只能出现一个H1标签(和SEO有关)在WebStorm中创建新的html文件:Ctrl+Alt+insert在WebStorm中让光标移动到当前行的末尾 按下End键在Webstorm中让不昂表移动到当前行的最前面,按下键盘上的...

2018-05-03 19:32:18 162

翻译 学习:从零玩转HTML5前端+跨平台开发(DTD文档声明规范 掌握)

1.什么是DTD文档声明:由于HTML有多个版本的规范之间又有一定的差异,所以为了让浏览器能够正确的编译/解析/渲染我们的网页,我们需要在HTML文件的第一行告诉浏览器,我们当前这个网页是用哪一个版本的HTML来规范编写的。浏览器只要知道我们是用哪一个版本的规范来编写之后,他就能正确的编译/解析/渲染我们的网页2、DTD文档声明格式:每一个规范有不同的文档声 明格式,现在主要用HTML5DTD文档...

2018-05-02 19:38:16 146

翻译 学习:从零玩转HTML5前端+跨平台开发(Http协议 理解)

HTTP协议是超文本传输协议。协议是用来规范/约束某一类事物。想知道HTTP协议是用来规范/约束哪一类事物?得先知道沟通的问题?沟通最常见的问题就是语言不通,要想交流,就需要规定:要吗用相同的语言;要吗就是通过中转站来相互交流;此两点就可看做是交流的协议。所以HTTP协议就是规范/约束浏览器和服务器之间如何沟通。...

2018-04-25 20:39:55 329

翻译 学习:从零玩转HTML5前端+跨平台开发(什么是URL 理解)

在浏览器的地址栏中输入的地址就是URL;URL格式:    http://127.0.0.1/index.html(浏览器会自动添加“:80”)    http://127.0.0.1:80/index.html(完整格式)URL拆分:http://:(URL协议类型)127.0.0.1:(服务器IP地址):80:(服务器的端口号)index.html:(需要访问的资源名称)URL拆分后每个部分的...

2018-04-25 20:25:25 304

翻译 学习:从零玩转HTML5前端+跨平台开发(访问页面原理 理解)

浏览器访问页面原理1、当我们利用浏览器访问网页时,其实是有真实的物理文件传输的。浏览器会先将网页上的内容缓存到本地文件夹当中,然后在渲染出来给用户查看。2、平时上网时会感到第二次访问网页时比第一次访问时要快,就是因为第一次访问网页时已经将此网页的信息缓存到了本地。3、缓存文夹中除了图片以外还缓存了例如:.js   .css   .html,所以网页不是一个文件,而是一堆文件,网页越复杂所组成的这个...

2018-04-24 20:41:03 418

翻译 学习:从零玩转HTML5前端+跨平台开发(服务器和浏览器 了解)

https://www.jianshu.com/p/f6da3875834b1、什么是浏览器主流有5款浏览器;都有不同的内核;使用份额最高;处理兼容问题,主要处理5种浏览器;Google国内国外使用份额最高;2、什么是服务器可以理解为超级计算机;服务器也是一台电脑,但是配置比家用的要高;服务器24小时不关机、不断电;主要功能是存储数据。...

2018-04-24 20:19:07 582

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除