- 博客(5)
- 收藏
- 关注
原创 2020-11-17
精灵图background-position:属性 属性调动图片位置显示小图标过度transition:过渡/功能:实现元素不同状态之间的平滑过渡。未添加时元素快速跳到hover,直接切换,从开始到状态结束瞬间完成,中间过程无法查看。格式:transition:过渡的属性 完成的时间(s) 运动曲线 延迟时间过渡属性: 发生变化时,想要有过渡的效果的属性,all:全属性。完成时间: 单位是秒s或者毫秒ms。运动曲线: linear:匀速 ,ease:减速,ease-in:加速,ease-
2020-11-17 20:23:13
76
原创 2020-11-11
css定位属性共有三种:相对定位 relative绝对定位 absolute固定定位 fixed相对定位相对与自己原来的位置定位,进行位置的调整。margin与相对定位调整位置的区别:1.盒子和盒子的距离,间隙。相对定位:位置的调整2.margin会影响后面的元素。相对定位不会影响别人。不脱标。坑位还占着,别人挤不走。 做绝对定位的参考,子绝父相。固定定位position:fixed用这个样式标签可以定位到固定的位置。相对浏览器进行定位,无论页面如何滚动,这个盒子显示位置都是不变的。
2020-11-11 20:41:56
73
原创 2020-11-10
标准文档流+浮动定义:内容从左到右,从上到下书写的。前面的内容大小或者位置发生变化时,后面的内容位置也会随之变化。web页面,就是一个标准的文档流。内容跟咱们的书写顺序有关。标准文档流的特性(1)空白折叠现象无论多少个空格,tab,换行都会折叠为一个空格。<div>张老师 真帅</div>(2)高矮不同,底部对齐妖怪我要你助我修行<img src="img/zhaoshifu.jpg" alt=""&...
2020-11-10 20:30:47
52
原创 2020-11-09
一.什么是行高? 一行文字实际的占用的高度。 取值方式:px,百分百比。(注:百分比是按照默认的字体大小取值。谷歌浏览器最小可以设置12px,默认是16px。)特殊用法:要让一行文字垂直居中,可以将行高设置为盒子高。(多行文字失效), 行高,字号一般都是偶数(注:为了更好计算)例如:<style> div{ height: 100px; background-color: green; } p{ text-align: center; line-height: 100px; }
2020-11-09 20:36:50
71
原创 css日记
css:主要是用来规定网页上这些内容的样式。使用css的优点:1.代码比较简洁2.可读性比较强3.便于维护4.更关心内容,对搜索引擎比较友好如何去使用css基础语法:选择器{属性:属性值;(声明)属性:属性值;。}选择器:选择页面中哪些元素去做样式的修改。声明:要做什么样的样式修改。声明:都是由属性和属性值组成的。中间用:,以分号结尾。css对缩进和空格不敏感,咱们可...
2020-11-05 20:12:28
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人