关闭

Ajax的简单用法

Ajax用法ajax是能够在不刷新页面的情况下,让网页局部数据更新的技术Ajax请求数据三剑客 创建对象 var request=new XMLHttpRequest()发送请求 request.open("get","hot.json",true);//hot.json是本地存在的JSON文档 request.send();等待响应 request.onreadystatechange...
阅读(14) 评论(0)

JSON的简单用法

JSON JSON简介 JSON—Javascript Object Notation,前两个单词大家应该都认识,最后一个notation,是“记号、标记法”的意思,连在一起,便成了JSON。它是一种轻量级的数据交换格式,是基于Javascript的一个子集,可以叫做Javascript对象表示法,是存储和交换文本信息的语法,但它并不是Javascript独有的数据格式,其它很多语言都可以对JSO...
阅读(11) 评论(0)

JS计时器

今天给大家讲两个有关计时器的例子,设置计时器时,你需要根据要求来添加计时器,清除计时器,有时候可能会清除计时器清除不了,而且会造成运动越来越快,这是因为计时器不是全局变量造成的,下面举一个倒计时的例子与无缝滚动倒计时100秒 倒计时</tit...
阅读(59) 评论(0)

preserve-3d

舞台层   景深层 perspective: 1600px;   形变中心点perspective-origin: 0px 0px;   形变中心点transform-origin: center center; 3d中心层 就是围绕运动的层 下面用几个例子来介绍3d动画 例1正方体 代码          魔方              body{     ...
阅读(55) 评论(0)

移动端布局

viewPort width 可以设置HTML页面的宽度,在移动端一般设置为device-width。 initial-scale:初始缩放比例,第一次进入页面上的时候,整个页面的缩放比例 minimum-scale:2.0最小的缩放比例。最小的缩放比例是指页面最小是原来的两倍 user-scalable=no 设置是否允许用户缩放,no不允许缩放,Yes允许缩放。 maximum-scale:3....
阅读(25) 评论(0)

flex布局2

今天主要对flex进行重新说明以及补充,首先给大家介绍一下什么是flex布局:Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。下面具体介绍一下布局方式display: flex;对弹性容器设置flex-direction:row | row-reverse | column可以改变flex容器的方向 * row定义主轴方向为X轴从左到右 * r...
阅读(46) 评论(0)

flex布局1

今天主要从他几个属性来介绍弹性盒子 display: flex;把元素设置成弹性容器 1.flex-direction:可以改变flex容器的方向让其子元素来弹性布局 row定义主轴方向为X轴从左到右 row-reverse 从右到左 column 定义主轴方向为Y轴从上到下 2.justify-content排列方式,让其子元素按不同方式进行排列 flex-start: 从行首...
阅读(49) 评论(0)

animation动画

下面给大家介绍CSS动画方面的知识,动画一般用在移动端多一些,有了动画会让用户有更好的用户体验。下面具体介绍一下: animation animation-name:动画名称 animation-duration:动画时间 animation-delay:动画延迟 animation-direction:alternate;先正运动后反向运动 ,reverse从反向开始运行动画altern...
阅读(76) 评论(0)

transform以及transition

今天主要给大家介绍transform的几个变换方式如:translate scale rotate transform-origin以及skew,下面一一向大家介绍一下 1.translate translate:变形,位移的元素高于普通文档流元素,但没有定位元素层级高 translateX 在X轴上面位移或形变 translateY 在Y轴上面位移或形变 translate 在...
阅读(46) 评论(0)

border-radius该如何去设置以及怪异盒模型

大家都知道border-radius使用来设置边角的但是如何去设置呢,下面我会一一介绍 border-radius可以统一对他们来设置: 1.当border-radius只有一个值时,如border-radius:20px;说明左上,右上,右下,左下四个方位都有偏移量 2.有两个值时,如border-radius: 50% 50%;第一个值表示左上 右下  第二个值表示右上 左下 3.三个...
阅读(54) 评论(0)

pug模板的使用及终端

今天学习到了pug的使用方法,下面我为大家介绍一个例子 doctype html html head meta(charset="utf-8") title 这是pug的练习 link(rel="",href="") body -h1 今天学了pug div(class="box") div#div1 p h2 哈哈 strong 你好 //创建一个pug /...
阅读(68) 评论(0)

form表单

又到了周一,在上午老师讲上周五考的试卷时,我懵了,感觉自己错了好多,我也看出了自己的不足之处,主要的是有关细节的方面我都没有注意到,我以后需要加以改正,不能在不注重细节了,细节决定成败。下面我来分享一下今天学习到的知识form表单。 form表单,是双标签,块级元素,他具有两个属性: 1、action提交后台的地址,2、method提交信息/数据的方式,method其中一个属性为get,不能提...
阅读(70) 评论(0)

定位

今天韩老师主要给我们讲了position的用法,通过今天的学习对定位有了更深的了解,下面就详细的介绍一下position的几种重要的定位 定位:position: relative | absolute | fixed 1、 相对定位:position:relative; 相对元素的当前位置偏移,不会改变元素的默认表现,主要用于绝对定位的组合,帮助绝对定位元素确定坐标 2、绝对定位:po...
阅读(71) 评论(0)

css样式——文字设置

今天主要学习的是对文字进行设置,下面我为大家逐一介绍一下: 颜色 英语单词,16进制,hsl,rgb 尺寸单位 px,百分比 最小min-width,min-height,最大max-width,max-height,vw(浏览器的宽度的百分比) vh color:文字颜色  font-size:文字字号 可以设置百分比 倍数em(相对于父级) 倍数rem(相对于根元素)(一旦像素大于...
阅读(38) 评论(0)

HTML的一些常用标签

今天韩老师主要讲了HTML的常用标签,在我的今天的学习当中,主要学习到了一些行级标签以及块级标签,主要内容如下所示: 块级标签:div,标题标签(h1~h6) ,有序列表(ol li) ,无序列表(ul li)  ,字典列表(dl dt dd),段落标签(p) ,分割线(hr) 标题标签:一个网页只能有一个h1标签,同时h2标签也不能太多,标题标签他有默认的样式,它具有上下的margin值...
阅读(52) 评论(0)
19条 共2页1 2 下一页 尾页
    个人资料
    • 访问:954次
    • 积分:195
    • 等级:
    • 排名:千里之外
    • 原创:19篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档