- 博客(25)
- 资源 (1)
- 收藏
- 关注
原创 css基础概念,什么是css?
一、css基础概念1、描述css叫做层叠样式表,或者级联样式表,用来控制网页的样式。说明:制作网页的三要素1、html文档:做网页的布局(结构)————结构层2、css:控制显示的样式(美观)————行为层3、js:控制网页的行为(与用户交互)————交互层2、css的作用使内容与表现完全分离提高了代码的可重用性和可维护性,一个css文件可以被多个html引入,一个ht...
2019-04-25 16:56:45
3704
原创 css盒子模型
一、标准盒模型(Box Model)标准盒子模型的实际大小=内容的宽高+内边距+边框线+外边距1、margin外边距背景为透明,设置四个方向的margin:上右下左,上(左右)下,(上下)(左右)分别设置方向值:margin-right:10px说明margin-top问题当父元素上边没有边框也没有padding的时候,给子元素设置margin-top时,父元素会跟着一起移动,解决...
2019-04-25 16:55:33
310
原创 css浮动原理和清除浮动的方法
一、浮动原理:元素浮动后遇到父元素的边框或者其他浮动元素就会停止浮动,浮动不会重叠浮动脱离文档流,不占据位置,只有左右浮动,没有上下浮动。利用浮动可以让块级元素并排显示二、浮动设置float:leftfloat:right三、(重点)清除浮动1、受影响的元素clear:both——清除所有浮动效果clear:left——清除左边浮动效果clear:right——清除...
2019-04-25 16:54:16
607
原创 css定位的类型和使用方法
CSS 定位属性CSS 定位属性允许你对元素进行定位。属性 描述position 把元素放置到一个静态的、相对的、绝对的、或固定的位置中。top 定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。right 定义了定位元素右外边距边界与其包含块右边界之间的偏移。bottom 定义了定位元素下外边距边界与其包含块下边界之间的偏移。left 定义了定位元素左外边距边界与其包含块...
2019-04-25 16:53:13
476
原创 css3新特性介绍和使用(圆角、阴影、过渡····)
一、圆角向 div 元素添加圆角边框:div{ border:2px solid; border-radius:25px;}值如果等于高的一半,就会形成一个很正的圆角。值如果是50%就会成为一个正圆。值如果是百分比,就会形成椭圆border-radius:2px 3px 4px 5px;// 顺时针四个角二、阴影边框1、盒阴影值描述h-...
2019-04-25 16:52:02
365
原创 css动画的创建和使用
1、定义动画@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。@keyframes myfirst{from {background: red;}to {background: yellow;}}@-moz-keyframes myfirst /* Firefox */{from {backg...
2019-04-25 16:50:35
639
原创 css三栏布局的7种方法
布局:三栏布局(7种方法)前端是不可避免的会遇到布局的问题,本文就三栏布局而言,介绍了4种实现的方案。实现效果: 左右栏定宽,中间栏自适应1、绝对定位布局:position + marginhtml结构:<div class="container"> <div class="left">Left</div> <div class...
2019-04-25 16:49:38
1368
1
原创 css响应式布局_媒体查询@media screen
一、MediaQuery自适应代码@media screen and (min-width: 768px){ //>=768的设备 移动端}@media screen and (min-width: 992px){ //>=992的设备 pc端}@media screen and (max-width: 991px) and (min-width: 992px){ //ipad端...
2019-04-25 16:48:21
726
原创 css中的居中问题
1、内容水平居中text-align:center2、一行文字垂直居中height=line-height3、盒子水平居中div{ width:50px; margin:0 auto;}#### 4、子元素在父元素中垂直水平居中1>弹性盒法子元素宽高撑不满父元素时可用p{ display:flex; justify-content:...
2019-04-25 16:46:35
275
原创 git的使用和安装_常用的命令
Git简介:Git是一个分布式版本控制软件。背景故事:Linus在1991年创建了开源的Linux。在2002年以前:世界各地的志愿者把源代码文件通过diff的方式发给Linus,然后Linus本人通过手工方式合并代码。2002年-2004年:(商用版本控制软件)BitKeeper的东家BitMover公司授权Linux社区免费使用这个版本控制系统。2005年:Linus花了两...
2019-04-25 16:42:10
243
原创 vue插槽的理解和用法
§1.插槽理解:插槽是什么东西,其实就vue提供的一个父组件在使用子组件的时候向子组件中传递结构的方法,子组件中的slot就相当于函数的形参,父组件中传递的结构就是实参,调用的结果就是实参代替了形参的内容。、实例:<!--父组件--><template > <div id="app"> <SlotDemo> <...
2019-02-28 17:30:54
393
原创 vue中子组件如何给父组件传递数据
1、子组件<button @click="sendMsg">给爸爸数据</button>methods:{ sendMsg(event){ this.$emit("msgEvent",this.content) }}this.$emit定义自定义组件,两个参数,一个是事件名称,注意一定要加双引号,第二个参数也要传给父级的数据2、父组件...
2019-02-28 17:29:53
1328
1
原创 vue中class和style的动态绑定
一、绑定 HTML Class1、对象语法<div :class="{ active:isActive,error:isError }"> 我没样式!</div><div :class="classObj" > hahha!</div>export default { data () { return...
2019-02-28 17:27:33
499
原创 vue基础语法
1.安装vue工具: 3.x:npm install -g @vue/cli 2.x:npm install -g @vue/cli-init 安装命令:vue init webpack projectname2.Atom安装插件1.快捷安装packages->settings View -> install package/themes2.命...
2019-02-28 17:26:01
149
原创 less安装和语法
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。一、安装 全局:cnpm install -g less 局部:cnpm install --save-dev less二、文件 css文件后缀名.css,less文件的后缀名.less三、编译 1.命令行 lessc 文件.less 文件...
2019-02-28 17:24:47
214
原创 es6babel转码工具的安装和使用
ES6写es6之后,运行在浏览器中的是es5, ES6 -> ES5转换器babel1.创建babel的配置文件 .babelrc2.安装转码规则# 最新转码规则npm install --save-dev babel-preset-latest# 不同阶段语法提案的转码规则(共有4个阶段),选装一个npm install --save-dev babel-preset-...
2019-02-28 17:23:21
524
原创 js中的变量提升
1、变量提升(整个程序没有运行,而是先编译,在编译过程中进行)在全局作用域里用var声明的变量和在函数作用域里用var声明的变量和用function命令声明的函数,程序会自动将这三种方式声明的变量提升到它所在的作用域的最前面,这就叫做变量提升。全局变量:在整个程序起作用的变量;局部变量:仅仅在函数内部起作用的变量,在函数外部失效。2、变量的访问:会访问离目标最近的变量,若前后距离相...
2019-02-12 16:36:27
81
原创 js内置对象——Math
> math是js内部用来进行数学运算的一个对象,由它和它的属性值构成一个完整的方法;常用方法:1、Math.round()标准的四舍五入,要注意-1.2四舍五入是-1;2、Math.floor()取小于参数值的最大整数,向下去整3、Math.ceil()取大于参数值的最小整数,向上取整4、Math.pow(参数一,参数二)冥函数,以参数一为底,参数二为指数5、Math....
2019-02-12 16:23:50
143
原创 js内置对象“Date”
一、Date对象js内置对的用来操作日期和时间的对象,表现为一个字符串,但是是object类型。原理:在javascript内部日期和时间存储为【距离1970年1月1日00:00:00:000】的毫秒数二、Date函数:Date()用来获取或生成日期对象,要用new来声明。语法:new Date(日期字符串|日期参数)1、时间字符串语法:var day=new Date(‘201...
2019-02-12 16:18:25
242
原创 js对象和函数
js对象一、object(复杂的数据类型)定义:是由花括号里面的键值对构成,键名和键值之间用分号隔开,键值对之间用逗号隔开,最后一个键值对末尾不写逗号。语法:object{ keyName:value1, kayName:value2, ....}value值可以为任意的数据类型1、键名默认是字符串,所以可以不用加引号,但存在特殊情况,当键名不为合法的变量名...
2019-01-29 15:58:35
181
原创 js字符串的操作方法
一、字符串类型描述:包换在单引号或者双引号里面的内容就叫做字符串说明:(一)单双引号的嵌套1、单引号里面不能包含单引号内容2、双引号里面不能包含双引号内容3、但单引号和双引号可以分别嵌套但如果必须使用则要用到【转义字符】(二)具有特殊含义的字符就叫做转义字符\'表示单引号\"表示双引号\\表示反斜线转义字符加上其他字符组成的整体往往具有其他的特殊含义(三).leng...
2019-01-29 15:38:04
211
原创 js的五种数据类型
js一共有五种数据类型1、数字类型(number)绿色描述:表示数字结构的数据类型有整数、浮点数、伪科学计数三种方式伪科学计数法: a、底数可以不用必须是10以内; b、E代表10的多少次方,大小写都可以例子:11E5=11*10^52、字符串类型(string)‘hello world’3、布尔类型(boolean)true;false4、undefined(未定义...
2019-01-29 15:34:06
1187
原创 js流程控制语句if && for && while
一、分支语句1、单分支语句if说明:二元分支语句,可以不执行。2、多分支语句if else说明:二元分支语句,必须执行。3、多分支语句else if说明:多元分支语句,可以没有else,可以不执行。if (判断的条件){ 执行的代码}else if(判断的条件){ 执行的代码}else if(判断的条件){ 执行的代码}else{ 执行的代码}// el...
2019-01-29 15:31:05
501
原创 HTML标题和段落
一、标题标签&lt;html&gt; &lt;h1&gt;h1标签&lt;/h1&gt; &lt;h2&gt;h2标签&lt;/h2&gt; &lt;h3&gt;h3标签&lt;/h3&gt; &lt;h4&gt;h4标签&
2019-01-29 15:26:20
349
原创 html基础
一、html是什么?1、HTML是超文本标记语言,用来写网页结构,有其特有的标签标记,不区分大小写。2、它由网页(浏览器)由上到下由左到右解析执行的。二、什么是DTD文档类型声明DTD文档类型声明告诉浏览器要按照当前标准解析代码,一共有5种类型:1、H4严格的2、H4过渡的(较常用)3、框架的4、XHTML5、Html5(最常用的)三、html语法1、标签&lt; &gt;...
2019-01-29 15:22:27
129
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人