当页面中某个元素设置了一个 ID 如 #target-test,那么当访问页面 http://some.url.com#target-test 的话,给 :target 设置的样式就会生效,比如为元素添加背景色或者设置边框。现在为大家介绍一些关于 :target 伪……
当我做前端开发的时候,经常会使用 CSS 来代替 JavaScript 做一些交互。下面是我仅仅使用几行 CSS 创建的一些组件。
1. Tooltips
Tooltips 对于展示一些信息非常有用,并且不需要什么用户体验。目前有很多 JavaSc……
CSS 可以使 WEB 设计师的工作更加的简单和有效。然而,对于优秀的网页设计师的需求依然在不断的增加。有太多的项目需要处理,并且都有严格的截止日期,因此设计师仍在寻找工具使他们的工作更加简单。这就是为什么……
你可能用不到很多大型 UI 框架中的大部分功能,如BootStrap,特别是当你在开发小型、简单的项目的时候,你需要的只是尽快的启动并能运行它。幸运的是,有很多更小型的 CSS 框架,你可以用来做替代品。
使用一个小……
在一篇文章中收集所有的CSS代码片段几乎是不可能的事情,但是我们这里列出了一些相对于其他的更有用的代码片段,不要被这些代码的长度所吓到,因为它们都很容易实现,并且具有良好的文档。除了那些解决常见的恼人……
现代的WEB应用充满了惊人的、博人眼球的特效,因此WEB开发人员需要使用各种技术来实现这一目标。前些年开发者会使用Adobe Flash来为他们的网站添加互动性,但是随着HTML5、CSS、以及JavaScript库的快速发展,Flash……
接上一篇《2015年50+ CSS 工具、框架、库合集(1-26)》
在过去的一年中,我们已经看到了Flexbox布局人气大增、CSS动画的微妙变化、SVG动画的应用、Instagram风格的影响,这里我们列出了50多个今年发布的开源资源,……
在过去的一年中,我们已经看到了Flexbox布局人气大增、CSS动画的微妙变化、SVG动画的应用、Instagram风格的影响,这里我们列出了50多个今年发布的开源资源,可以帮你节省很多时间。
CSS动画工具 & 库
1. Anim……
一些CSS技巧的收集,能够帮助你提升专业水平。
1. 使用 :not() 为导航添加/取消边框
很多人会这样给导航添加边框,然后给最后一个取消掉:
/* add border */
.nav li {
border-right: 1px solid #666;
}
……
本文包含了一些用于考查候选者的前端面试问题。不建议对单个候选者问及每个问题 (那需要好几个小时)。只要从列表里挑选一些,就能帮助你考查候选者是否具备所需要的技能。
备注: 这些问题中很多都是开放性的,可……