自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 2021-05-31

Vue使用element组件进行导入和导出文档 先看HTML部分: <!-- 导入弹框start --> <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible2" :close-on-click-modal="false" > <el-form :model="importform">

2021-06-01 03:40:05 57

原创 transition和transform的相关知识

transition 功能:实现元素不同状态之间的平滑过渡。 之前:元素->hover状态 直接切换,从开始状态到结束状态,瞬间完成,中间过程几乎无法查看。 格式: transition:过渡的属性 完成时间(s) 运动曲线 延迟时间 数值型的属性才可以设置过渡。 width,height,color,font-size transition-property 过渡属性:发生变化时,想要有过渡效果的属性。all,全属性。 transition-duration 完成时间:单位是s/ms。 transi

2020-11-17 20:37:54 1187 2

原创 css定位相关知识

css定位属性共有三种: 相对定位 relative 绝对定位 absolute 固定定位 fixed 1.固定定位 相对浏览器进行定位,无论页面怎么滚动, 这个盒子显示的位置不变。 用途: 1.网页返回顶部,侧边广告。 2.顶部固定导航条 2.相对定位: 相对与自己原来的位置定位,进行位置的调整。 margin与相对定位调整位置的区别: 1.盒子和盒子的距离,间隙。相对定位:位置的调整 2.margin会影响后面的元素。相对定位不会影响别人。 不脱标。坑位还占着,别人挤不走。 做绝对定位的参考,子绝父相

2020-11-11 20:42:25 67

原创 标准文档流与浮动相关知识

标准文档流+浮动 定义: 内容从左到右,从上到下书写的。前面的内容大小或者位置发生变化时,后面的内容位置也会随之变化。 web页面,就是一个标准的文档流。内容跟咱们的书写顺序有关。 标准文档流的特性 (1)空白折叠现象 无论多少个空格,tab,换行都会折叠为一个空格。 <div>张老师 真丑,或许 还是一个单身狗</div> (2)高矮不同,底部对齐 妖怪我要你助我修行<img src="img/zhaoshifu.jpg" alt=

2020-11-10 20:16:14 150

原创 盒子模型相关知识css

什么叫盒子? 一个元素在页面中真实占据的位置。 五个部分:内容的宽,内容的高,内边距,边框,外边距。 宽:width px; 高:height px; 定义的内容的宽和高。 padding: 内容和边框之间的距离。 内边距是可以被背景色渲染的。 可以给单边设置内边距: padding-left: 50px; padding-top: 30px; padding-right: 40px; padding-bottom: 60px; 四值法: 单值:上下左右。 双值:上下 左右。 三值:上 左右 下 四

2020-11-09 19:51:23 139

原创 文字相关设置css

什么是行高? 一行文字实际占用的高度。 取值方式:px,百分比。 百分比:按照默认的字体大小取值。 特殊用法: 要让一行文字垂直居中,可以将行高设置为盒子高。(多行文字失效) 行高,字号一般都是偶数 注意 谷歌浏览器最小可以设置12px,默认是16px 字号字体 网页中,中文主要使用的字体:微软雅黑,宋体,黑体。 英文:Arial,Consolas 英文在前,中文在后。 微软雅黑:Microsoft Yahei 宋体:SimSun 黑体:SimHei 取值方式:数字,单词 数字:100

2020-11-09 19:10:27 146

原创 css选择器

1.子代选择器 格式: 选择器1>选择器2{ 声明; } 选择器1必须是选择器2的父级元素。 IE7开始兼容,IE6及以下是不兼容的。 2.后代选择器 会选择选择器下的所有相应的后代元素。 格式:选择器1 选择器2{ 声明; } 空格左侧必须是右侧的祖先元素。 不一定要是父子关系。 使用场景:我们要把某些元素中的所有的什么元素做样式修改。 3.交集选择器 满足条件1,又满足条件2。 当两种或两种以上的选择器同时存在一个标签上时,这种情况就叫做交集选择器。 选择器1选择器2{ 声明; } 标签选择器

2020-11-06 14:49:47 64

原创 css基础知识

css cascading style sheets 层叠样式表。 规定了HTML标签在网页上的显示方式。 HTML:规定网页上有什么内容 css:规定网页上这些内容的样式。 使用HTML写样式的痛点: 1.代码比较臃肿。 2.可读性比较差。 3.不便于维护。 4.对搜索引擎不友好,搜索引擎更关心内容。 使用css的优点: 1.代码比较简洁 2.可读性比较强 3.便于维护 4.更关心内容,对搜索引擎比较友好。 如何去使用css 基础语法: 选择器{ 属性: 属性值;(声明) 属性: 属性值; } 选择器:选

2020-11-05 18:46:26 95

空空如也

空空如也

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

TA关注的人

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