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