首页 当前归档/2020年4月/总共3文章

元素垂直居中的n种方法

  • 发布时间2020-04-29, 星期三
  • 分类CSS
  • 大约2.1k个字数
  • 预计阅读8分钟

我们在做页面布局的时候经常会有上下左右居中的设计,由于大部分的页面结构都是左右式排版页面是固定宽度的,而元素是自上而下排列,高度不固定。所以在页面中css实现左右居中比较容易,垂直居中就不太好实现了。

在css3之前我们前端技术人员要实现垂直居中布局往往需要绞尽脑汁的去解决各种浏览器兼容问题,而随着时间的推移,ie浏览器已经退出历史舞台,现在的浏览器已经完全支持css3的各种布局方式,在css3中实现居中布局已经变得非常容易

阅读全文
CSS3

console控制台输出语法使用

  • 发布时间2020-04-22, 星期三
  • 分类JavaScript
  • 大约4.9k个字数
  • 预计阅读20分钟

以前我们在调试代码的时候常用alert方法输出代码,这个方法不能输出详细内容,而且会阻止后面的代码执行,非常不利于我们调试。

console用于在控制台输出内容,他的出现可以让我们在开发过程中调试代码变得方便,而且console也为我们提供了很多的方法,有些再调试过程中非常实用,可以节省很多时间。

阅读全文
JavaScript

通过css3的scrollbar功能自定义浏览器的滚动条效果

  • 发布时间2020-04-16, 星期四
  • 分类CSS
  • 大约1.5k个字数
  • 预计阅读5分钟

在css3之前我们如果想要自定义浏览器默认的滚动条样式是无法实现的,一般的做法是通过html+css+js来实现自定义滚动条,或者网站找现成的插件,做法都比较麻烦,IE虽然可以自定义滚动条,但是也只是改一些颜色而已不能做到绚丽的效果。

css3实现了自定义滚动条效果,可以让我们设置滚动条宽度,颜色,圆角等效果,遗憾的是只有webkit内核的浏览器支持。

阅读全文
CSS3
  • 祁维国
  • 一台电脑,一根网线,能够宅到天昏地暗
0