More than code
Thoughts, stories and ideas

标签:CSS3

【转】精读《使用CSS属性选择器》-Saxon's blog
CSS

【转】精读《使用CSS属性选择器》

李 帅帅阅读(607)赞(3)

1 引言 虽然现在 Css Module 与 Css-in-js 更流行,但使用它们会导致过分依赖 滥用 class 做唯一定位,违背了 Css 选择器的初衷。 本期精读的文章是:attribute-selectors-splicing-h...

CSS变量及应用-Saxon's blog
CSS

CSS变量及应用

李 帅帅阅读(575)赞(2)

一、变量声明 声明变量的时候,变量名前面要加两根连词线(--)。 body { --foo: #7F583F; --bar: #F7EFD2; } 上面代码中,body选择器里面声明了两个变量:--foo和--bar。 它们与color、f...

对BFC的理解及应用-Saxon's blog
CSS

对BFC的理解及应用

李 帅帅阅读(800)赞(0)

一、什么是BFC? 在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的...

理解CSS3里的Flex布局用法-Saxon's blog
CSS

理解CSS3里的Flex布局用法

李 帅帅阅读(790)赞(0)

一、前言 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、...

揭秘网站整体变灰(黑白、置灰)原理-Saxon's blog
CSS

揭秘网站整体变灰(黑白、置灰)原理

李 帅帅阅读(766)赞(0)

一、前言 在很多时候我们需要把整个网站变灰,比如“汶川地震”。近日受降雨影响四川茂县突发山体高位垮塌,想起了曾经的汶川地震。来看看网站是如何实现整体变灰的。 二、CSS3 filter(滤镜) 属性 html{ -webkit-filter...

浅谈 -webkit-tap-highlight-color 属性-Saxon's blog
CSS

浅谈 -webkit-tap-highlight-color 属性

李 帅帅阅读(735)赞(1)

前言 最近在做微信端的网站,遇到这样一个问题,当点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的浅蓝色背景。本来以为是a标签的属性设置,设置了一番之后发现并不管用。经查阅,原来用一个css3属性-web...

CSS3的calc()使用-Saxon's blog
CSS

CSS3的calc()使用

李 帅帅阅读(1038)赞(1)

前言 平时在制作页面的时候,总会碰到有的元素是100%的宽度。如果元素宽度为100%时,如果改变了默认的盒模型,那就有可能导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。换句话来说,如果你的元...

video之去除下载按钮及禁用右键下载-Saxon's blog
CSS

video之去除下载按钮及禁用右键下载

李 帅帅阅读(877)赞(0)

前言 最近在开发群里发现有人问这个问题,video在最新版谷歌浏览器中出现了下载按钮,那么问题如何解决?经测试,总结如下。 去除下载按钮 video是HTML5的新增元素,为我们带来了很大的便利,但是有时候默认的样式并不是我们想要的结果,比...

自适应布局中Div添加横向滚动条-Saxon's blog
CSS

自适应布局中Div添加横向滚动条

李 帅帅阅读(642)赞(0)

最近在开发微信端网站,在开发中遇到了一些问题,自适应布局中给div添加横向滚动条,下面来看看解决方案。 直接上代码: /* html代码 */ <div class="f_s_con"> <ul> <li>...

让IE6/IE7/IE8浏览器支持CSS3属性-Saxon's blog
CSS

让IE6/IE7/IE8浏览器支持CSS3属性

李 帅帅阅读(633)赞(0)

一、下载 首先下载ie-css3.htc文件,这个文件是让IE浏览器支持CSS3一些属性的关键东西。 二、关于此文件 .htc是一个脚本文件,只有Internet Explorer(IE)认识这个文件。在其他浏览器中是不能识别的,htc文件...

React CLI - 快速创建react项目脚手架工具

官 网GitHub