投稿    登录
  博主录制的Python3爬虫视频教程已发布!详情请戳Python3爬虫视频教程!希望大家支持!非常感谢!

 分类:HTML

HTML

利用Sass自动生成padding和margin边距样式

利用Sass自动生成padding和margin边距样式
需求分析 有需求才有动力! 写CSS的时候,你经常会遇到要设置一个小边距,比如设置: 所有内边距10px,外左边距20px,内右边距0,上下内边距50px,外左右边距自动…. 而你是不是又不想自己单独为它们定义一个class,然后把padding, margin之类的...

崔庆才 11个月前 (10-29) 1138浏览 1评论 4喜欢

HTML

BootStrap4提取并编译Flexbox Grid系统

BootStrap4提取并编译Flexbox Grid系统
前言 首先Flexbox是什么?它是Bootstrap4新出的一个布局格式,对移动端开发非常方便。 说一下我为什么要提取Flexbox。有需求才有动力,首先是需求,最近在开发一个移动端适配的网站,使用了materi-ui框架,基于React。使用materi-ui时,已经内置了许...

崔庆才 11个月前 (10-29) 1288浏览 0评论 8喜欢

HTML

关于HTML内联元素一侧留白的浅谈

关于HTML内联元素一侧留白的浅谈
问题来源 在写代码的时候遇到了如下问题: 使用了bootstrap框架来编写了一个页面,其中input元素两侧留有空白。然而用JS动态添加的同样的元素却不会出现这种情况。具体截图表现如下: 我们可以发现,第一行和而三行的代码是完全一样的,可是呈现的结果是截然不同的。 在线测试样...

崔庆才 2年前 (2016-01-02) 3579浏览 5评论 16喜欢

HTML

HTML5中Device Orientation的特性

HTML5中Device Orientation的特性
HTML5中包含一个帮助检测device orientation的特性,使用这个特性可以在移动设备浏览器中判断用户设备的旋转重力方向。 基本知识 Alpha, Beta, Gamma角度旋转。 当用户旋转手机的时候,HTML5中定义了三个轴方向的旋转,如下: 上图可以看考,分别...

崔庆才 2年前 (2015-10-28) 2394浏览 1评论 1喜欢

HTML

LESS学习记录

LESS学习记录
综述 LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。...

崔庆才 2年前 (2015-05-08) 2433浏览 0评论 12喜欢

HTML

几款优秀的前端UI框架

几款优秀的前端UI框架
目前响应式布局和扁平化越来越风靡,前端UI框架也是风生水起,在这里分享几款优秀的前端UI框架 BootStrap 相比这个大家都听说过吧,Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它...

崔庆才 2年前 (2015-04-27) 11077浏览 0评论 15喜欢

HTML

使用CSS3自定义网页字体的方法

使用CSS3自定义网页字体的方法
综述 CSS3已经变得非常流行,原本的CSS不支持自定义字体,但是传说中的CSS3基本上什么都可以,那么CSS3中可不可以自定义英文字体呢?这里我们就一起来感受一下。 语法规则 CSS @font-face {  ...

崔庆才 3年前 (2015-03-26) 5585浏览 0评论 5喜欢

HTML

HTML5实现响应式进度条及分享图标

HTML5实现响应式进度条及分享图标
综述 纯原创内容,HTML5实现个人简介界面,响应式布局的进度条以及利用Font-Awesome实现分享图标,完美支持手机端。 已经在博主个人网站应用 进入页面 截图 1.电脑端   2.手机端   在线演示 在线演示 源码下载 源码下载 转载请注明:静...

崔庆才 3年前 (2015-03-13) 3700浏览 1评论 11喜欢

HTML

HTML5实现2048网页游戏

HTML5实现2048网页游戏
综述 改编内容,HTML5实现2048游戏的开发,添加了小屏幕适配,支持手机端触控。 截图 1.电脑端 2.平板端 3.手机端 在线演示 在线演示 源码下载 源码下载 转载请注明:静觅 » HTML5实现2048网页游戏...

崔庆才 3年前 (2015-03-13) 5491浏览 2评论 18喜欢

HTML

纯CSS3实现微信二维码动态呈现

纯CSS3实现微信二维码动态呈现
综述 原创内容,纯 CSS3 实现微信扫一扫的功能,页面一共五个二维码,鼠标移上二维码会自动放大,同时支持响应式布局,整体会根据页面响应式缩放。 在我的个人网站赞助页面即存在这个 DEMO 进入页面 截图 1.正常情况,大屏幕 2.鼠标移上,大屏幕 3.小屏幕 在线演示 在...

崔庆才 3年前 (2015-03-12) 6167浏览 1评论 18喜欢