1.box-shadow 属性向框添加一个或者多个阴影。 语法： box-shadow: h-shadow v-shadow blur spread color inset h-shadow 必须，水
响应式设计是在不同设备下分辨率不同显示的样式就不同。 media 属性用于为不同的媒体类型规定不同的样式。根绝浏览器的宽度和高度重新渲染页面。 语法： @media mediatype and | n
css3 mix-blend-mode 混合模式 该属性不仅可以作用于HTML，还可以作用于SVG 兼容性： IE 8~11 Edge 12~14 Firefox 41~47 chrome 45~51
1.属性选择器 完全匹配的属性选择器 [id=article]{} 示例： <style> input[type=text]{ border: 2px solid red;} </s
transitions(过渡) 被应用于元素指定的属性变化时，该属性经过一段时间逐渐的过渡到最终想要的值。 主要包括四个属性： 执行变换的属性：transition-property 变换延续的时间：
分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。 1.线性渐变在Mozilla 下应用 语法：-moz-linear-gradient( [<poin
语法： R：红色值。正整数 | 百分数 G：绿色值。正整数 | 百分数 B：蓝色值。正整数| 百分数 A：透明度。取值0~1之间 取值： <length>:Hue(色调)。0(或360)表
刚入了这个博客园，发现竟然这么高的自由度，页面风格可以自己搞，那还不嗨起来？ 于是赶紧搞了一波，有没有被头部的昵称炫到。。。当然也是网上找的一个，拿来看一下效果 废话不多说。上代码 就是它了，各位看官
又开始公司的新项目了。。。又到了无聊的切图时间，没办法，拿人钱财替人消灾啊 ！ 那当我们拿到公司新项目的时候我们需要做些什么呢？ 下面就来分享一下我的工作步骤吧（仅使用于初学者，大神勿见怪 ，有不好的
CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects
解决子级对象使用css float浮动 而父级div不能自适应高度，不能被父级内容撑开解决方法，父级div没有高度解决方法。 当在对象内的盒子使用了float后，导致对象本身不能被撑开自适应高度，这个
继承性 层叠性 优先级 优先级权重 !important
CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。 一、行内样式 使用style属性引入CSS样式。 示例：<h1 "color:red;">st
1.transform浏览器支持情况 也就是说目前不考虑老浏览器的话是不用加前缀的，感谢菜鸟教程：https://www.runoob.com/cssref/css3-pr-transform.htm
1.因为国内360浏览器、QQ浏览器等更新较快，所以不考虑Chrome支持某个css与否，因为一般都支持。 2.因为火狐等使用的人较少，且更新较快，所以不考虑支持与否，因为一般都支持 3.主要就是汇总
圆角border-radius，其css如下 IE9+支持（就是ie6,ie7,ie8都不支持），默认值是0，不继承，可以像下面那样设置4个角的值，也可以单独设置，如 border-top-left-
先说明下，这是在谷歌浏览器下字体显示等问题做个研究，火狐下有点差异，不过火狐占有率低，而且显示的没有谷歌那么合理，不管它先。IE卡的要死，半死不活，也懒得深入研究这些细节，字体排版上不是强迫症，差别也
opacity的用法示例如下 opacity设置在元素上的时候，会出现什么效果？ 答曰：如果不设置opacity的话，会显示效果为A（可以理解为一个图片），将A按照opacity设置的不透明度，就是得
div{ width: 296px; height: 180px; margin: 20px auto; position: relative; /*父相*/ } div:hover::before{
