Quantcast
Channel: FED实验室 » CSS(3)
Browsing all 20 articles
Browse latest View live

兼容的File上传域

由于各浏览器的兼容性差异很大,在涉及多语言的项目中,浏览二字无法翻译,虽然有可能随着系统语言环境的不同而不同,但是论证一番还是觉得不靠谱,于是写个兼容的东东,方便使用,效果图及代码如下:

View Article



前端Code规范之CSS

一、基本语法 1.使用2个空格soft tabs 2.为选择器分组时,将单独的选择器单独放在一行。 3.为了代 […]

View Article

IE6/7行内元素后相邻的浮动元素折行的原因

IE6 IE7 IE8(Quick)下,若浮动元素之前存在兄弟行内非浮动元素,IE 会将浮动元素所在的“当前行”认为是其前边的兄弟行内元素所产生的匿名框的底边,导致该浮动元素折行。

View Article

CSS @supports

在Javascript中,功能检测是一种最佳的检测方式。但是在CSS中对于某些属性支持性检测,确没法做,幸运的是最近Firefox、Chrome、Opera增加了@supports(CSS)和CSS.supports(Javascript)来检测不同浏览器对CSS属性的支持情况。本篇文章将来介绍它们是如何工作的。

View Article

你可能不知道的7个CSS单位

如果你是一名前端开发工程师,一般px和em使用频率比较高。但是今天本文的重点是介绍一些我们使用很少、甚至么有听 […]

View Article


第一个CSS变量:currentColor

一、基本介绍 CSS变量正慢慢地从最初的草案到浏览器实现。但规范中有个已经存在多年的变量:currentCol […]

View Article

CSS伪类和伪元素的异同

今天在微博上看到一些人在讨论:before 和::before的区别,有些细节问题自己也有些模糊,工作之余翻了 […]

View Article

CSS3 Transition and Animation中的贝塞尔曲线

一、CSS3 Transition and Animation兼容性 支持的浏览器有IE10+及现代浏览器,详 […]

View Article


前端开发中合理选用图片格式

一、GIF,PNG,JPG图片的不同 在前端开发切图中常常会涉及到好多种图片的保存,具体选用何种格式来保存来保 […]

View Article


placeholder属性多浏览器支持兼容性方案

最近项目开发中遇到不少蛋疼的问题,每一个问题都可单独拿出来探讨,前端领域就是这样,浏览器对标准支持不一,国内I […]

View Article

再聊CSS伪元素

之前写过一篇“CSS伪类和伪元素的异同”的文章,里面详细描述了伪类与伪元素的区别以及一些常见应用。由于最近项目 […]

View Article

聊聊Base64

做为一名FE,你肯定用到过base64,谈到base64,你可能会想到以下几点,base64是什么,浏览器如何 […]

View Article

深入CSS属性(八): ::placeholder VS :placeholder-shown

说到这个两个属性::placeholder大家可能都很熟悉,在移动端以及高端浏览器中都有使用,但是:place […]

View Article


Safari :active伪类失效问题

:active伪类,参见CSS2.1 Selector Spec,如果在PC端开发中会经常遇到,当然在某些初级 […]

View Article

用 CSS 隐藏页面元素的方式总结

今天看到篇文章”用 CSS 隐藏页面元素的5种方法“,现加上自己的一点见解及常见应用归 […]

View Article


兼容的File上传域

由于各浏览器的兼容性差异很大,在涉及多语言的项目中,浏览二字无法翻译,虽然有可能随着系统语言环境的不同而不同,但是论证一番还是觉得不靠谱,于是写个兼容的东东,方便使用,效果图及代码如下:

View Article

前端Code规范之CSS

一、基本语法 1.使用2个空格soft tabs 2.为选择器分组时,将单独的选择器单独放在一行。 3.为了代 […]

View Article


IE6/7行内元素后相邻的浮动元素折行的原因

IE6 IE7 IE8(Quick)下,若浮动元素之前存在兄弟行内非浮动元素,IE 会将浮动元素所在的“当前行”认为是其前边的兄弟行内元素所产生的匿名框的底边,导致该浮动元素折行。

View Article

CSS @supports

在Javascript中,功能检测是一种最佳的检测方式。但是在CSS中对于某些属性支持性检测,确没法做,幸运的是最近Firefox、Chrome、Opera增加了@supports(CSS)和CSS.supports(Javascript)来检测不同浏览器对CSS属性的支持情况。本篇文章将来介绍它们是如何工作的。

View Article

你可能不知道的7个CSS单位

如果你是一名前端开发工程师,一般px和em使用频率比较高。但是今天本文的重点是介绍一些我们使用很少、甚至么有听 […]

View Article
Browsing all 20 articles
Browse latest View live




Latest Images