- 博客(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关注的人