自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 盒子

CSS 盒子模型   所谓盒子模型(Box Model)就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容(content)、内边距(padding)、边框(border)和外边距(margin)组成。 所有的文档元素(标签)都会生成一个矩形框,我们成为元素框(element box),它描述了一个文档元素再网页布局汇总所占的位置大小。因此,每个盒子除了有自己大小和位置外,还影响着其他盒子的大小和位置。 盒子模型特性: 每个盒子都有:边界、边框、填充、内容 4个

2020-10-05 08:17:54 194

原创 CSS入门

CSS基础入门 CSS格式 选择器{ 属性名:属性值; 属性名:属性值; } 选择器负责圈定范围,要修改的元素集合,花括号内的声明由属性名和属性值组成(key:value)的形式,用于设定具体样式 CSS三种引入方式 1.行间式 <p style="color:red;"</p> 2.内联式 <style> p { color:red } </style> 3.外联式 p { width: 100px; hei

2020-09-27 19:49:36 110

原创 vue动画

动画 在 vue 中给组件或元素添加动画的方式可以分为多种,但总体无非还是通过 css 和 JavaScript 来进行处理 CSS 通过 css 添加动画的方式特别的简单,只需要利用 css 中的 transition 就可以做到 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi

2020-09-23 19:23:53 79

原创 Vue组件生命周期

Vue.js 文章目录Vue.js组件生命周期创建阶段beforeCreate()created()挂载阶段beforeMount()mounted()更新阶段beforeUpdate()updated()卸载阶段beforeDestroy()destroyed()errorCaptured()ref 与 $refsref$refsnextTick [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kobpkweF-1600773457397)(assets/lifecycle.

2020-09-22 19:18:25 253

原创 css基础语法

CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 CSS优点 1.样式解决了一个普遍的问题 HTML标签原本被设计为用于定义文档内容。通过使用 h1,p,table 这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同

2020-09-22 08:30:08 195

原创 h5基础

H5入门基础(一) 我们还是围绕这几个问题来学习: 1.什么是H5? 2.为什么要用H5? 3.怎么用H5? 1.什么是H5?   ♦HTML是指超文本标记语言(Hyper Text Markup Language)。 ♦HTML是一种用来编写网页的语言,使用浏览器将他翻译成相应的页面。 ♦HTML并不是编程语言,他是一种标记语言。 2.为什么要用H5?   因为他编辑起来特别酷炫,是HTML的升级版 3.怎么用H5?   ♦首先看一行HTML中必定要有的东西: 复制代码 //文档类型声明 // //

2020-09-21 19:48:10 9394

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除