网页上设置的字体，一般是windows/MAC系统自带有的才会正常渲染出来，一般为微软雅黑，宋体等这样的常见字体，如果网页使用的字体，系统没有，那就要自定义了，如何自定义呢？ 使用font-face

发布：2021-12-14 阅读(3564)

后台系统经常遇到的问题，父元素设置了`min-height:100%`，子元素设置`height:100%`，然哦你会发现，子元素的100%不生效

发布：2021-07-16 阅读(1865)

提到Box-sizing，先前的一篇文章也提到过，其实在布局的时候很好用，可以省去很多多余的代码，至于兼容性，目前还只能在移动端应用多，因为它是CSS3的属性。大家看几个例子，应该就一目了然了。

发布：2020-12-10 阅读(2199)

CSS 预处理器技术已经非常的成熟了，而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。

发布：2019-10-16 阅读(2552)

通过 media query 进行 CSS 的 hack。在 IE 中它们可以识别出这些特殊的符号 \0,\, 以及 \9，然后结合 media query 可以更好进行样式的区分

发布：2019-08-07 阅读(1945)

css fr 单位是一个自适应单位，fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。

发布：2019-02-28 阅读(3822)

CSS网格布局是CSS中最强大的布局系统。它是一个二维系统，这意味着它可以处理列和行，不像flexbox主要是一维系统。CSS网格布局用于将页面分割成数个主要区域，或者用来定义组件内部元素间大小、位置和图层之间的关系。像表格一样，网格布局让我们能够按行或列来对齐元素。 但是，使用CSS网格可能还是比CSS表格更容易布局。 例如，网格容器的子元素可以自己定位，以便它们像CSS定位的元素一样，真正的有重叠和层次。

发布：2019-02-28 阅读(3048)

什么是Sass，SCSS与它是什么关系?

发布：2019-02-26 阅读(3154)

通过-webkit-scrollbar自定义浏览器滚动条，支持webkit的浏览器可正常显示(如chrome，safari，QQ浏览器，360极速等)

发布：2019-01-28 阅读(3058)

css伪类和伪元素有什么区别？

发布：2019-01-14 阅读(2382)

记录下响应式布局单位(视窗单位:viewport units)的应用，最近用electron开发桌面应用，用到vh,vw还是蛮方便的.

发布：2019-01-09 阅读(2179)

CSS3实现滚动边框，渐变边框

发布：2018-12-07 来源：张鑫旭

CSS3 是层叠样式表（Cascading Style Sheets）语言的最新版本，旨在扩展CSS2.1。它带来了许多期待已久的新特性， 例如圆角、阴影、gradients(渐变) 、transitions(过渡) 与 animations(动画) 。以及新的布局方式，如 multi-columns 、 flexible box 与 grid layouts。实验性特性以浏览器引擎为前缀（vendor-prefixed），应避免在生产环境中使用，或极其谨慎地使用，因为将来它们的语法和语义都有可能被更改。

发布：2018-11-06 来源：mozilla

浏览器 CSS 模块负责 CSS 脚本解析，并为每个 Element 计算出样式。CSS 模块虽小，但是计算量大，设计不好往往成为浏览器性能的瓶颈。

发布：2017-12-15 阅读(2198)

BFC(Block formatting context)直译为"块级格式化上下文"。它**是一个独立的渲染区域**，只有**Block\-level box**参与（在下面有解释）， 它规定了内部的Block\-level Box如何布局，并且与这个区域外部毫不相干。

发布：2017-06-09 阅读(2517)

retina屏下(window.devicepixelratio>1)，1px的边框会被渲染成2px，看起会比较粗，如何解决？

发布：2017-02-15 阅读(3266)

通过CSS隐藏input='number'时，右侧的箭头

发布：2015-08-21 阅读(12772)

在做移动端页面时，发现UC浏览器在文字居多的页面（如文章页面、关于我们页面），字体会自动放大。其他的浏览器都没有问题~~

发布：2015-08-17 阅读(2104)

css设置子元素半透明，兼容IE6-8

发布：2013-05-28 阅读(2269)

利用CSS截断单行文字，溢出的显示"..."

发布：2012-11-23 阅读(3018)

HTML标签textarea在大部分浏览器中只要指定行（rows）和列（cols）属性，就可以规定 textarea 的尺寸，大小就不会改变，不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同，可以拖动右下角图标改变大小

发布：2012-11-14 阅读(2945)

chrome、safari等现代浏览器，input,textarea,select等一些Form元素，会有一个默认的高亮样式

发布：2012-11-13 阅读(3496)

CSS针对超链接4个状态的设置是有顺序的，顺序不对，a链接的各种状态可能不会生效

发布：2012-10-23 阅读(3588)

在当前的WEB前端页面制作中，鉴于市面上浏览器种类繁多(IE6-IE9、firefox、Chrome、Safari、Opera等等)，各种浏览器对CSS的解析效果会有所不同（少数），所以要想让页面完全的兼容所有浏览器，就必须要用css hack。可能不同的开发人员，使用的hack方式不一样，但最终的目的都是希望各种浏览器渲染出同样的页面效果

发布：2012-10-16 阅读(2115)

用两个◆制作尖角(引用腾讯微博中的做法)

发布：2012-10-15 阅读(2345)