Question And Experience

  • 问题和经验

Bugs和解决方案

技巧和经验

  1. 如何清除图片下方出现几像素的空白间隙?
  2. 如何让文本垂直对齐文本输入框?
  3. 如何让单行文本在容器内垂直居中?
  4. 如何让超链接访问后和访问前的颜色不同且访问后仍保留hover和active效果?
  5. 为什么Standard mode下IE无法设置滚动条的颜色?
  6. 如何使文本溢出边界不换行强制在一行内显示?
  7. 如何使文本溢出边界显示为省略号?
  8. 如何使连续的长字符串自动换行?
  9. 如何清除浮动?
  10. 如何定义鼠标指针的光标形状为手型并兼容所有浏览器?
  11. 如何让已知高度的容器在页面中水平垂直居中?
  12. 如何让未知尺寸的图片在已知宽高的容器内水平垂直居中?
  13. 如何设置span的宽度和高度(即如何设置内联元素的宽高)?
  14. 如何给一个元素定义多个不同的css规则?
  15. 如何让某个元素充满整个页面?
  16. 如何让某个元素距离窗口上右下左4边各10像素?
  17. 如何去掉超链接的虚线框?
  18. 如何容器透明,内容不透明?
  19. 如何让整个页面水平居中?
  20. 为什么容器的背景色没显示出来?为什么容器无法自适应内容高度?
  21. 如何做1像素细边框的table?
  22. 如何使页面文本行距始终保持为n倍字体大小的基调?
  23. 标准模式Standard mode和怪异模式Quirks mode下的盒模型区别?
  24. 以图换字的几种方法及优劣分析
  25. 为什么2个相邻div的margin只有1个生效?
  26. 如何在文本框中禁用中文输入法?
  27. 如何解决列表中list-style-image不能精准定位的问题?
  28. 如何解决伪对象:before和:after在input标签上的怪异表现的问题?
  29. 如何解决伪对象:before和:after无法在Chrome,Safari,Opera上定义过渡和动画的问题?

其它技巧和经验

以上就是这篇CSSCSS 问题和经验列表-CSS CSS技巧和经验详解的全部内容,更多文章请进入前端开发博客

CSS3 animation状态结束后可以通过animation-fill-mode 控制动画的最后状态,分别是不改变默认行为、保持最后一个属性和回到第一帧。 - 2018-09-08

除了html5的新特性,CSS3的新特性也是面试中经常被问到的。本文分享了一些CSS3选择器、Transition,Transform和Animation等 - 2017-07-09

vw : 1vw 等于视口宽度的1%,vh : 1vh 等于视口高度的1%。本文介绍纯CSS视口单位vw和vh来自行自适应,虽然现在的兼容性还没法完全能够接受,但不妨碍你认识这个vw和vh的强大。 - 2017-07-26

CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。本文分析了calc()的计算使用方法及兼容性 - 2017-05-10

本文主要分享了一些与css3相关的文档手册,给需要的朋友参考,CSS3参考手册不断更新,值得期待 - 2017-07-08

一个使用伪元素来实现边框逐渐发光的过渡效果,主要用到scale和opacity这两个属性。 - 2017-03-31

这个 CSS3 类似于幻灯片旋转的效果,是一个比较有意思并且比较受欢迎的特效。之前没有去研究过,无意在博客上看到 Wenzi 写了这个东西,来看看他的代码是怎么实现的。 - 2017-03-21

作者从CSS3动画的基础入手,分别介绍了移动、缩放、旋转、扭曲到矩阵的变形。在最后给我们讲了关于CSS3矩阵的深度问题研究,值得看看。 - 2017-02-12

在使用CSS3的一些属性时,为了兼顾低端浏览器对CSS3的不友好性,往往需要知道某些浏览器是否支持要使用的CSS3属性,以此来做向下适配。比如常见的CSS3动画就很有必要检测浏览器是否支持。下面分享几种方法: - 2016-09-24

任何CSS属性值为percent时,都需要根据某个参考值进行计算,搞明白这个参考值是什么,理解就容易多了。标准规定:background-position:perenct的参考值为: (容器宽度 - 背景图片宽度). - 2016-06-24

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册