• 欢迎关注我的微信公众号“ Falost ” 右边扫描关注 --->>

 分类:CSS3

优雅的使用 rem 进行移动端布局开发

优雅的使用 rem 进行移动端布局开发
缘起 在工作中,移动APP端的同学问我,在移动web端中是如何去做不同的屏幕大小所展示的效果和设计图都是一致的? 我们在遇到这种问题的时候,脑海中第一反应,应该是使用哪种布局方案去实现这种效果吧? 布局方案 先说说布局方案,在前端历史计划中,诞生了几种布局概念,分别是: ...

神棍 5年前 (2019-08-18) 9497℃ 3评论 8喜欢

CSS3@font-face选择符实现自定义字体

CSS3@font-face选择符实现自定义字体
@font-face是CSS中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体。 语法规则: @font-face { font-family: <YourWebFo...

神棍 7年前 (2017-07-13) 5785℃ 1评论 1喜欢

IE BUG之css:float

IE BUG之css:float
今天在面试的时候,面试官提的一个IE兼容的问题:IE6、7中使用CSS样式float会出现什么问题? 我第一个想到的就是浮动BUG,但是处理的方法忘记了。。。因为平常都是抛弃了IE,这下让我情何以堪,改怎么回答呢?虽然模糊的回答了下,但感觉不如意,回来特地研究了下! css ...

神棍 7年前 (2017-03-13) 4569℃ 0评论 1喜欢

再谈CSS中的position定位

再谈CSS中的position定位
之前谈论过一篇,positoin绝对定位中,绝对定位没有设置 top, right, bottom, left之后会什么样的,今天我们在来看看 relative 和absolute的属性吧! 介于一位童鞋的提问,今天就以本文向大家描述一下DIV CSS布局中的position属性...

神棍 9年前 (2015-09-10) 5760℃ 2评论 10喜欢

CSS 与 HTML5 响应式图片

CSS 与 HTML5 响应式图片
随着 Retina 屏幕的逐渐普及,网页中对图片的适配要求也越来越高。如何让图片在放大了两倍的 Retina 屏幕显示依然清晰,曾经一度困扰着网页开发者,好在 CSS3 与 HTML5 已经着力在改变这种现状。那么到底什么是响应式图片呢? 什么是响应式图片? 响应式图片是指:用...

神棍 9年前 (2015-09-07) 6381℃ 1评论 3喜欢

css处理溢出文本 显示为省略符

css处理溢出文本 显示为省略符
之前老忘记这个样式,每次想用的时候想不起来了,今天也没写啥子文章,就百度整理了点,以备后用。 下面进入主题 text-overflow语法: text-overflow : clip | ellipsis text-overflow参数值和解释: clip :  不显示省略标记...

神棍 9年前 (2015-09-04) 5957℃ 0评论 3喜欢

css3使用技巧:细线边框的3种不同的写法

css3使用技巧:细线边框的3种不同的写法
最近在做一个H5手机页面项目遇到了一个小小的问题,就是边框描边1像素的问题。 一般的app边框描边的线都小于一像素,那么我就像往常一样直接描了1px的边框,虽然是1px可是结果和app里的描边完全不一样“粗了”,所以就在网找了一下看看有没有解决方法,可是找了一会没找到,那咋办,需...

神棍 9年前 (2015-09-02) 5006℃ 1评论 6喜欢