hy洛洛洛川-优快云博客

原创 BOM

事件注册与取消 1. 注册 btn.onclick = function() {} 属性取消 btn.onclick = null; 2.btn.addEventListener('click',回调函数); 方法 btn.removeEventListener(‘click’，回调函数) 3.btn.attachEvent('onclick',回调函数); btn....

2019-09-27 16:39:39 186

原创事件

自定义属性操作 getAttribute() 获取标签行内属性 setAttribute() 设置标签行内属性 removeAttribute() 移除标签行内属性与element.属性的区别: 上述三个方法用于获取任意的行内（自定义）属性。样式(css)操作样式显示在标签行内 var div1 = document.getElementById('div1'); div...

2019-09-25 17:17:35 372

原创 DOM与BOM

BOM - 浏览器对象模型 Browser Object Model 一套操作浏览器功能的API 通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等 DOM - 文档对象模型 Document Object Model 一套操作页面元素的API DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作 DOM DOM的概念文档对象模型（D...

2019-09-24 16:52:02 186

原创函数以及对象

数组为什么要学习数组之前学过的数据类型，只能存贮一个值数组的概念所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组的定义 Array 数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。通过数组字面量创建数组 var arr1 = [1, 2, 3, 4]; //可以通过数组的length属...

2019-09-23 16:48:16 154

原创 JS

JavaScript初步学习 CSS：行内样式、嵌入样式、外部样式 JavaScript的书写位置写在行内 <input type="button" value="按钮" onclick="alert('Hello World')" /> 写在script标签中 <head> <script> alert('Hello World!');...

2019-09-20 17:23:50 274 1

原创 Transition与Transform

过渡(CSS3) 过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。帧动画：通过一帧一帧的画面按照固定顺序和速度播放。在CSS3里使用transition可以实现补间动画（过渡效果）语法格式: transition: 要过渡的属性花费时间运动曲线何时...

2019-09-19 17:00:52 579

原创定位

定位(position) 如果，说浮动，关键在一个 “浮” 字上面，那么我们的定位，关键在于一个 “位” 上。定位是难点，一定要学好为什么要用定位？那么定位，最常运用的场景再那里呢？如果用标准流或者浮动，实现会比较复杂或者难以实现，此时我们用定位来做，just soso！元素的定位属性元素的定位属性主要包括定位模式和边偏移两部分。 1、边偏移边偏移属性描述 t...

2019-09-18 16:01:02 301

原创浮动和如何消除浮动

浮动(float) 浮动最早是用来控制图片，以便达到其他元素（特别是文字）实现“环绕”图片的效果。后来，发现浮动可以让任何盒子同一行显示，渐渐偏离主题，只有就一直用浮动进行布局什么是浮动？元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。在CSS中，通过float属性来定义浮动，其基本语法格式如下：选择器{float:属性值;} 属性值 ...

2019-09-17 17:07:27 177

CSS 三大特性 css，层叠样式表 CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。 1.样式冲突，遵循的原则时就近原则 2.样式不冲突，不会层叠...

2019-09-16 17:18:06 274

原创 CSS注释以及外观属性

CSS规则是使用 /* 需要注释的内容 / 进行注释的，即在需要注释的内容前使用 “/” 标记开始注释，在内容的结尾使用 “*/”结束。例如： p { font-size: 14px; /* 所有的字体是14像素大小*/ } CSS外观属性 color:文本颜色 color属性用于定义文本的颜色，其取值方式有3种： line-height:行间...

2019-09-16 08:50:07 159

原创 CSS的基础

CSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着html的成长，为了满足前端开发者的需要，html新增很多样式属性，html变得更加杂乱，html越来越臃肿，这时，css诞生了 CSS初识 CSS(Cascading Style Sheets) CSS通常称为CSS样式表或**层叠？...

2019-09-11 19:12:46 282

原创了解表格与表单的基本知识

表格现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。一、创建表格：在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 在上面的语法...

2019-09-10 16:23:47 1226

原创认识网页及HTML5

一、认识网页：网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。二、常见浏览器介绍：浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。三、浏览器内核：浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Renderin...

2019-09-09 20:29:12 497

原创如何下载安装与汉化Sublime Text3

一、下载：打开官网下载链接 http://www.sublimetext.com/3，下载Sublime Text 3 ，可下载32位或64位，安装点击Next 二、安装插件　　1、安装Package Control 　　Package Control为插件管理包，所以我们首先要安装它。有了它，我们就可以很方便的浏览、安装Sublime Text中的插件。　　 Package Control...

2019-09-08 21:23:49 835