在前端工程师的日常工作中，使用 CSS 元素选择器是稀松平常的事；无论你是编写一般的 CSS 还是需要经过编译的 SASS，SCSS，LESS等，最终都被编译成一行一行的 CSS 样式属性，最终交给浏览器解析并套用。但是你想过没有这是如何实现的呢?CSS

CSS 包含了许多函数，而且它能够完成许多早期需要用 JavaScript才能完成的事情。每年都有新的特性被添加进来，这让我们的开发更加轻松，也减少了对JavaScript的依赖。CSS 函数是它所具有的最强大的特性之一，在本文中，我将介绍一些我认为有

在浏览器中实现用户界面时，请尽可能减少浏览器带来的差异，以使用户界面具有可预测性。跟踪所有这些差异很困难，因此，我整理了一些常见问题及其解决方案方便大家查看。在下面的例子中，同样的按钮在 Chrome 和 Safari 中，后者添加了默认的灰色背景。要限制

基本类型的同仁，是复制的数据内容。如何实现一个深拷贝呢？newObj[key] = typeof arr[key] === ‘object‘ ? deepCopy : arr[key]. 现在是数据驱动，组件化，模块化，

当我们声明一个div，并赋予它的宽高为200*200px，padding为20px，margin也为20px，border为1px. 不难发现实际盒子的大小等于 我们设置的 width + border + padding +margin，我们设置的wid

id选择器可以为特定id的HTML元素指定特定的样式。HTML元素以id属性来设置id选择器，CSS中id选择器以“#”来定义。

我们在网页设计中，通常会使用ps工具来达到图片或者边框阴影、立体等效果。但是如果一些基础效果都需要用p图来完成那就显得效率比较低了。其实可以使用CSS来设置边框阴影，下面本篇文章来给大家介绍一下。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、

Selenium webdriver是完全模拟用户在对浏览器进行操作，所有用户都是在页面进行的单击、双击、输入、滚动等操作，而webdriver也是一样，所以需要我们指定元素让webdriver进行单击、双击、输入等操作，所以元素定位是UI自动化测试的前提

　　当span不进行样式设置的时候会继承父类，而这里span的父类是div，如上所示，div的color是红色，则span中的字体颜色为红色。　　此时运行的结果为green色，原因是*（通配符）的权重是0，而继承的权重是NULL所以 0 > NULL

margin: 0;padding: 0;width: 300px;height: 300px;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-color:

@charset "utf-8";html,body,a,h1,h2,h3,h4,h5,h6,p,a,b,i,em,s,u,dl,dt,dd,ul,ol,li,strong,span,table,th,tr,td,img,div,for

常见的css选择器包含：常用选择器、基本选择器、层级选择器、伪类选择器、属性选择器，其中常用选择器分为：1.html选择符*{}//给页面上所有的标签设置模式；2.类选择符.hcls{}//给class是hcls的一类标签设置模式；3.id选择符#h3{}

border-image是 CSS 规范CSS Backgrounds and Borders Module Level 3 新增的一个属性值。顾名思义，我们可以给 border 元素添加 image，类似于background-image，可以是图片也可

a标签定义超链接，用于从一个页面链接到另一个页面。a元素最重要的属性是 href 属性，它指定链接的目标。在HTML中标签<a></a> 或者大写字母A 。其中的a 是 anchor 的缩写 。内容正在手打完善更新中）

按钮可能是网页中最常见的组件之一了，大部分都平淡无奇，如果你碰到的是一个这样的按钮，会不会忍不住多点几次呢？效果就更加震撼了，当然canvas实现也有一定的门槛，而且实际使用起来也略微麻烦，这里尝试一下CSS的实现方式。抛开js方案，还有HTML和CSS实

继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。目前很多针对苹果手机，Android 手机，平板等设备都会使用到多媒体查询。多媒体查询由多种媒体组成，可以包含一个或多个表达式，表达式根据条件是否成立返回 tru

在css3中可以实现很多一些动态效果，css3逐步取代了Flash，可以通过他带来的新特性帮助我们轻易解决一些问题，例如图片的圆角可以直接使用border-radius就可以解决，无需再使用ps解决，并且css3可以减少开发和维护成本，并且还能提高页面性能

input::-webkit-outer-spin-button,-webkit-appearance: none;appearance: none;margin: 0;end.

div:first-child匹配属于其父元素的第1个子元素且是div，计数时不分类型，显示时分类型。article:only-child 属于父元素的唯一元素，且是article. border-image-repeat:stretch（拉伸）/repe

早在去年的去年，我就大肆介绍了2D transform相关内容。看过海贼王的都知道，带D的家伙都不是好惹的，2D我辈尚可以应付，3D的话，呵呵，估计我等早就在千里之外被其霸气震晕了~~看看下图女帝的动作以及神情，就可以知道名字带D的家伙的厉害！最近折腾iP