欢迎光临
我们一直在努力

大前端基础

关于width与height的百分比参照对象

散人研阅读(97)评论(0)赞(0)

基本内容 百分比是实现页面自适应的重要途径,而元素百分比的宿主到底是谁一直是令人困扰的问题。其实CSS对于百分比的定义十分明确: 所有元素的百分比都是相对于其包含块( containing block)的width。 在盒模型的设置属性中,...

JavaScript、ES5和ES6的介绍和区别

散人研阅读(63)评论(0)赞(0)

什么是JavaScript JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那...

display:inline-block 间隙问题

散人研阅读(48)评论(0)赞(0)

相邻的 inline-block 元素之间有换行或空格分隔的情况下会产生间距 非 inline-block 水平元素设置为 inline-block 也会有水平间距 可以借助 vertical-align:top; 消除垂直间隙 可以在父级...

font-style 属性 oblique 与 italic

散人研阅读(69)评论(1)赞(0)

font-style: oblique; 使没有 italic 属性的文字实现倾斜 要搞清楚这个问题,首先要明白字体是怎么回事。一种字体有粗体、斜体、下划线、删除线等诸多属性。但是并不是所有字体都做了这些,一些不常用的字体,或许就只有个正常...

让页面里的字体变清晰,变细用CSS怎么做?

散人研阅读(57)评论(0)赞(0)

CSS3里面加入了一个-webkit-font-smoothing属性。 这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。 加上之后就顿时感觉页面小清晰了。 为了对比明显先将-webkit-font-smoothing设置为...

line-height 三种赋值方式有何区别

散人研阅读(67)评论(0)赞(0)

带单位:px 是固定值,而 em 会参考父元素 font-size 值计算自身的行高 纯数字:会把比例传递给后代。例如,父级行高为 1.5,子元素字体为 18px,则子元...

你对 line-height 是如何理解的

散人研阅读(55)评论(0)赞(0)

line-height 指一行字的高度,包含了字间距,实际上是下一行基线到上一行基线距离 如果一个标签没有定义 height 属性,那么其最终表现的高度是由 line-height 决定的 ...

什么是视差滚动效果,如何给每页做不同的动画

散人研阅读(47)评论(0)赞(0)

视差滚动是指多层背景以不同的速度移动,形成立体的运动效果,具有非常出色的视觉体验 一般把网页解剖为:背景层、内容层和悬浮层。当滚动鼠标滚轮时,各图层以不同速度移动,形成视差的 实现原理 以 “页面滚动条” 作为 “视差动画进度条” 以 “滚...