- 博客(20)
- 收藏
- 关注
RSS订阅
原创 关于新手如何学习H5和CSS(一)
学习准备1： 熟悉自己使用的开发工具作用：编写代码 目的：做网站 做页面…2： 熟悉浏览器；每个人电脑不同的浏览器主流浏览器：谷歌 火狐 360 qq …非主流浏览器： IE8以下浏览器3： 熟悉浏览器的控制台开发工具vscode webstrom subline Hibuder…文件后缀xxx.html 是html 文件 作用写网页的。浏览器...
2019-08-11 21:19:16
740
原创 JS基础（九）
认识数组 array1：数组特点有序 有索引值(index),索引值是从【0】开始到【length-1】结束数组中数据；可以为任意数据类型，数据可重复未来数据结构；数组中都是对象，对象中有数组2：数组中取值数组名字[索引值]取最后一个数据 array[array.length-1]取第一个数据 array[0]3:数组长度表示数组中数据的总个数获取 var len = ...
2019-08-16 20:13:54
125
原创 JS基础（八）
认识数组 array1：数组特点有序 有索引值(index),索引值是从【0】开始到【length-1】结束数组中数据；可以为任意数据类型，数据可重复未来数据结构；数组中都是对象，对象中有数组2：数组中取值数组名字[索引值]取最后一个数据 array[array.length-1]取第一个数据 array[0]3:数组长度表示数组中数据的总个数获取 var len = ...
2019-08-16 20:12:57
121
原创 JS基础（七）
对象创建对象1：方式一 ： var obj = {}2: 方式二：构造函数方式创建对象 new 构造函数（）new 作用实例化对象构造函数作用：辅助new 创建对象，并给对象添加 key:value键值对对象中数据存在形式key:valuekey 是对象的属性，具有唯一性。属性是不可以给变的value 是对象属性的值，值是可以被改变的*** 每个属性都有一定的作用（我们...
2019-08-16 20:11:51
133
原创 JS基础（六）
逻辑运算符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...
2019-08-15 00:00:04
119
原创 JS基础（五）
比较运算符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...
2019-08-14 23:58:17
112
原创 JS基础（四）
算术运算符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...
2019-08-14 23:56:52
105
原创 JS基础(三)
运算符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...
2019-08-14 23:55:17
107
原创 JS基础（二）
变量声明<body> <script> // 定义多个变量；赋值，赋值给最后一个变量 var x, y, z = '刘成见' x = 250 y = 230 console.log(x) console.log(y) console.log(z) ...
2019-08-14 23:53:17
94
原创 JS基础（一）
JS基础语法 js 是一个面向对象语言；也是解析语言，也是轻量级语言 js 的天然运行环境是浏览器 js 存在兼容性问题；因为每个浏览器对JS 的解析程度不同。 js 作用：实现浏览器和用户的交互；以及动态样式的交互 交互：一问一答 在js 眼中；页面上所有东西都是数据网页中插入JavaScript脚本的方法使用script标记将脚...
2019-08-14 23:02:52
192
原创 关于圣杯布局
经典圣杯布局页面上显示的效果是左右固定的宽度，中间容器自适应，根据页面大小的变化而变化。以下方代码为例<style> .left, .right{ width: 300px; height: 300px; background-color: aqua; } .center{ height...
2019-08-14 22:42:38
403
原创 简单实现百度页面
百度页面的实现 <style> * { box-sizing: border-box; } body { margin: 0; /*小于最小宽度*/ min-width: 1000px; } img ...
2019-08-14 22:33:56
818
原创 关于新手如何学习H5和CSS(八)
媒体查询1 语法结构@media 媒体设备 (条件){ 选择器{ 属性：值； } }@media 表示媒体查询screen 表示查询设备；媒体设备是个变量，在什么设备下就使用什么值 speech 阅读设备 all 所有设备 screen 电脑手机平板and 链接符号；并列条件( 屏幕条件 )ma...
2019-08-14 22:19:20
143
原创 BOOTSTRAP 全局样式规范
BOOTSTRAP 全局样式规范特点1：码整洁2：风格统一：3：美观简要下载官网；点击下载；解压缩方式: 安装 node 安装 npm 使用命令行工具； npm i bootstrap --savebootstrap 文件目录css 是 bootstrap 样式库；可以通过使用类名形式显示样式js 是 bootstrap 逻辑代码 现阶段不要气；只要求会...
2019-08-14 22:16:56
352
原创 关于新手如何学习H5和CSS(七)
过渡的基本应用首先熟悉一下它的各种属性transition-property ： 检索或设置对象中的参与过渡的属性transition-duration ： 检索或设置对象过渡的持续时间transition-timing-function ： 检索或设置对象中过渡的动画类型transition-delay ： 检索或设置对象延迟过渡的时间说明检索或设置对象中的参与过渡的属性。...
2019-08-14 22:09:29
126
原创 关于新手如何学习H5和CSS(六)
2D的基本应用首先熟悉一下它的各种属性none： 无转换translate()： 指定对象的2D translation（2D平移）。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则默认值为0rotate()： 指定对象的2D rotation（2D旋转），需先有transform-origin属性的定义scale()： 指定对象的2D scale（2D缩放）。第一个参...
2019-08-14 21:45:53
133
原创 关于新手如何学习H5和CSS(五)
关于位置属性positionposition中包含了固定定位fixed，绝对定位 abosult，相对定位relative和static（默认）固定定位固定定位比较好解释，就是相对于视图窗口来定位，并且自身脱离了文档流，本来的位置被其他元素占据。例如：在一个网页中不管你怎么滑，它都在你的视图中绝对定位相对祖籍元素中具有 position 属性的元素，且值不是static的元素进行绝对...
2019-08-11 22:17:16
130
原创 关于新手如何学习H5和CSS(四)
浮动float:xxx(left 或 right)；浮动前：浮动后：浮动后元素脱离文档流，位置会被其他元素占据，在同一个父元素中，目标元素会占据一个浮动后的位置，子元素在父容器中进行位置移动。如果父容器剩余宽度不能容纳两个子元素，那么会换行。当然浮动也有缺点：（1）影响它的兄弟元素的位置 （2）父元素产生高度塌陷所以这个是时候就需要清除浮动方式一：给父元素设置一个固定高度方式...
2019-08-11 22:07:31
109
原创 关于新手如何学习H5和CSS(三)
关于css属性文字类大小 font-size颜色 color粗细 font-weight形式 font-family文本修饰：对齐方式 text-ali gn center 居中 left 左对齐 right 右对齐行高 line-height 用于文本类垂直方向对齐方式 值小于等于父元素高度text-decoration-xx 复合属性；要想有效果；前提必...
2019-08-11 21:47:11
131
原创 关于新手如何学习H5和CSS(二)
CSS是什么？CSS就是给一个页面化妆，我们要做的就是给它打扮漂亮选择器包括 有元素选择器，关系型选择器，属性选择器，伪类选择器和集合选择器元素选择器html标签+.class +#id +*id 与 class 是有区别的id具有唯一性而class可以给多个元素同一个class关系型选择器（父子）（子孙）（兄弟）属性选择器语法 : 元素[属性=值]伪类...
2019-08-11 21:42:37
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人