- 博客(23)
- 收藏
- 关注
RSS订阅原创 HTML元素分类
根元素标签id属性：以ID形式选取元素class属性：以class形式选取元素title属性：鼠标悬停的时候呀显示的描述文字style属性：行内样式contentedtable属性：可编辑的内容区域，一般用来制作富文本编辑器data-*：临时在标签元素上存储数据hidden：使标签元素隐藏，占据空间的ps：全局属性，可以加在任何标签元素上文本类标签<b><...
2020-01-16 18:20:43
214
原创 DOM初识
Dom对象在html中，我们经常需要对页面元素进行操作，为了简单方便的获取页面元素，人们给html文档定义了一个层次结构。当一个HTML文档在浏览器中打开，浏览器就会产生一颗相应的html文档结构树。这个html文档结构树被称为DOM（文档对象模型）。DOM定义了访问HTML文档的标准。关于DOM，需要了解以下几点：**1）**DOM是Document Object Model的缩写。**...
2019-12-10 22:52:27
170
原创 js函数调用
1. 转换至number类型string 转换至number类型 方法： + 、 Number()函数 、 parseInt() 、 parseFloat()代码如下：<script> var str = '123'; var num = Number(str); var numTwo = parseInt(str); var numThree ...
2019-11-30 11:28:23
283
原创 js数组常用API
push() 含义：在数组末尾添加元素 参数：1~n (意思是可以添加多个值) 返回值：数组长度var arr = [1,2,3,4]; var result1 = arr.push(5); //在数组末尾添加 5 ；也可以是arr.push(5,6,7,8...) console.log(result1); //返回值为...
2019-11-30 11:22:37
134
原创 js中的解析模式
JavaScript解析器原理当在HTML中遇到标签包含的内容时，则需要调用浏览器的解析器。解析器的工作原理为：（1）预解析1.var的部分：在当前作用域下，在JS代码执行之前，解析器会在整个页面中（从头至尾）找到var、function和参数的内容，进行声明提升。var的部分：解析器会将变量提前到其作用域的顶部，但是会为其存放一个初始值为undefined，然后将这个变量存放到“仓库...
2019-11-30 10:14:12
196
原创 详解JavaScript中的关键字new
Javascript中new对象的过程：// 创建构造函数function People(name){ this.name = name;} // 使用new创建实例对象personvar zxx = new People("ZXX");zxx = { name: 'zxx'}代码执行过程var obj = {} 或者 var obj = new Object(); ...
2019-11-23 14:30:20
222
原创 float属性与position(定位)属性的区别
float属性先来了解一下block元素和inline元素在文档流中的排列方式。block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性；inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随...
2019-11-23 14:20:25
795
原创 数据类型的相互转换
& 左右两边有不是布尔类型的数据的时候：第一个操作数为对象 返回第二个操作数如果第二个操作数是对象，则只有在第一个操作数的求值结果为true的情况下才会返回 该对象； 如果第一个操作数结果为 false 这返回第一个操作数第一个与第二个操作数都是对象时 返回 第二个对象如果有一个操作数是null，NaN undefine 则返回null NaN undefi...
2019-11-20 22:38:59
212
原创 js中运算符的优先级
小括号>算术运算符>比较运算符>逻辑运算符>赋值运算符1:从左往右计算 （） 里面最优先2：全体单目排第二 ++ – ! 【单目 只有一个操作数和操作符就可以运算的】3：乘法除法取余排第三；加减排第四4：移位(<< >>)排第五，关系(< > <= >=)排第六六5：等于不等于排第七6：逻辑运算符排第八，&am...
2019-11-20 21:32:53
1120
原创 仿王者荣耀匹配界面
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: bor...
2019-11-20 21:20:11
704
原创 仿王者荣耀边框流动特效
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body { display: flex; } .border-anim-...
2019-11-20 21:12:50
832
原创 bootstrap常用属性
1.1栅格系统1、栅格系统是一种行和列构成的一种布局。随着，屏幕分辨率的变大，最多可展示12个列。PC端：PAD端：手机终端：2、栅格参数：col-lg-:(屏幕>=1200px) PCcol-md-:（992px-1200px）col-sm-:（768px-992px）小平板col-xs-:（小于768px）手机3.代码示例：<div class="contai...
2019-11-11 21:03:11
1434
原创 使用 CSS 动画
使用CSS动画有三个主要优点：能够非常容易地创建简单动画，你甚至不需要了解JavaScript就能创建动画。动画运行效果良好，甚至在低性能的系统上。渲染引擎会使用跳帧或者其他技术以保证动画表现尽可能的流畅。而使用 JavaScript实现的动画通常表现不佳（除非经过很好的设计）。让浏览器控制动画序列，允许浏览器优化性能和效果，如降低位于隐藏选项卡中的动画更新频率配置动画创建动画序列...
2019-11-11 20:44:50
167
原创 CSS3响应式布局--Media(媒体查询)
媒体查询媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。案列1.在html头部添加以下代码，用来显示兼容移动设备...
2019-11-11 20:31:16
335
原创 Bootstrap栅格系统
栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。Bootstrap栅格系统的工作原理如下：行(row)必须包含在.container(固定宽度)或.container-fluid(100% 宽度)中，以便为其赋予合适的排列(alignment)和内补(padding)。通过行(row)在水平方向创建一组列(column)。...
2019-11-11 20:21:09
255
原创 HTML基本布局结构
html 元素之间的关系————血缘关系父子关系 父元素 子元素 直接包含在元素内容子孙关系 子元素 祖籍元素 隔多代的元素兄弟关系 具有相同父元素 浏览器解析html元素顺序 从辈分高的，到辈分低的元素 相同辈分之间，从上往下解析 注意：在html元素中；所有【相对】的单位，都是 子元素相对父元素 <!-- ...
2019-11-11 20:02:25
1158
原创 css样式的属性作用及用法
1、css介绍。添加样式。优点：HTML负责结构，CSS负责外观，系统维护更轻松，一个样式管理多个页面，就近原则：行内样式>内部样式>外部样式2、css引入方式行内/内联样式：写在body里这是一个段落。内部样式表：写在head里外部样式表:写在head里type="text/css":引入类型stylesheet引入关系，stylesheet样式表hr...
2019-11-11 20:00:03
1246
原创 html标签作用及应用
网页的组成：1.html:页面中的内容，由标签组成的。2.css：样式，针对页面的标签进行设置的。3.JS：给页面添加动态效果。什么是HTML：超文本标记语言，由标签组成的特殊的文本。标签分为：单标签和双标签。元素分为：行内元素和块级元素。常用标签：h系列的标签：标题标签：有自带的默认样式，从1到6由字体大到小：h1,h2,h3,h4,h5,h6常用块级标签：div文本标签：...
2019-11-11 19:59:29
532
原创 HTML5新标签与特性
文档类型设定documentHTML:XHTML:HTML5字符设定：HTML与XHTML中建议这样去写：HTML5的标签中建议这样去写常用新标签header：定义文档的页眉nav：定义导航链接的部分footer：定义文档或节的页脚article：标签规定独立的自包含内容section：定义文档中的节（section、区段）aside：定义其所处...
2019-11-11 19:53:08
153
原创 html标签的属性
div span标签(重点)div span 是没有语义的 是我们网页布局主要的2个盒子div 就是 division 的缩写 分割， 分区的意思 其实有很多div 来组合网页。span, 跨度，跨距；范围语法格式：<div> 这是头部 </div> <span>今日价格</span>文本格式化标签(熟记...
2019-11-11 19:49:56
1214
原创 html标签的分类
HTML标签分类在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 <HTML>、<head>、<body>都是HTML标签。所谓标签就是放在“< >” 标签符中表示某个功能的编码命令，也称为HTML标签或 HTML元素1.双标签<标签名> 内容 </标签名>该语法中“<标签...
2019-11-11 19:37:44
531
原创 谷歌，IE，火狐浏览器内核
浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。渲染引擎 它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。JS 引擎 则是解析 Javascript 语言，执...
2019-11-11 19:33:34
8796
原创 HTML概念与基本格式
概念：是最基础的网页开发语言Hyper Text Markup Language 超文本标记语言超文本:超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.标记语言:由标签构成的语言。<标签名称> 如 html，xml标记语言不是编程语言快速入门：语法：html文档后缀名 .html 或者 .htm标签分为...
2019-11-11 19:28:20
133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人