关于回顾css发现的一些问题

1.针对于before和after伪元素的用法: <style> .clearfix:before, .clearfix:after{ clear:both; content:""; display:block; } </style> <div class="clearfix"> <div class="content">what do you say?</div> </div&g…

一.浮动模型元素默认是static的,不能浮动,但可以用CSS样式设置为浮动浮动模型只有两个值 float:left 和 float:right ,可以让块状元素同行显示二.层模型 top/bottom/left/right是层模型的值,即是绝对定位.相对定位和固定定位的值  三.相对定位相对于以前的位置进行定位/移动四.绝对定位相对于其最接近的含有定位属性的父包含块进行移动元素的默认定位属性是static,是静…

看css发现一个pointer-events:none;的东西

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS:pointer-events</title> <style type="text/css"> .overlay1 { width:80px; height:20px; background:gold;…

（转）每位设计师都应该拥有的50个CSS代码片段

原文地址:http://www.cnblogs.com/fengyuqing/archive/2013/06/15/css_50.html 面对每年如此多的新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是浏览器支持和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中. 这篇文字里我会介绍 50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存储这些是个…

css 百分比继承关系的探讨

引入:近日在回顾css基础的时候发现了一个有趣的问题,就是css在继承百分比类属性的时候是继承百分比后再根据父级宽高计算,还是继承父级根据百分比计算过后的绝对值.下面举一个简单的例子来描述这一个问题,如下代码,两个段落最后会缩进多少距离呢? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor…

现代CSS进化史

英文:https://medium.com/actualize-...编译:缪斯 CSS一直被web开发者认为是最简单也是最难的一门奇葩语言.它的入门确实非常简单--你只需为元素定义好样式属性和值,看起来似乎需要做的工作也就这样嘛!然而在一些大型工程中CSS的组织是一件复杂和凌乱的事情,你更改页面上任意一个元素的一行CSS样式都有可能影响到其他页面上的元素. 为了解决CSS错综复杂的继承问题,开发者建立了各种不同的最佳实践,问题是哪一个最佳实践是最好的目前尚无定论,而且有些实践相互之间是完全矛盾…

Google css & Google fonts

最近用某开源模板做提案的时候, 抓包工具老是有外部Request. 问题出在某css中有这么一句: @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic); FQ出去下载了这个css, 发现这个css下又使用了google的21中font. 索性辛苦一下, 把这几个字体都下载了. 于是就成了这个样子: @import url…

chrome刷新CSS

改动CSS发现页面根本没有变化,再三查看确实是这一处CSS,那么可能的就是浏览器缓存了CSS而刷新无效了. chrome刷新CSS: 方法1:直接ctrl+F5,进行强制刷新页面,浏览器会重新加载所有资源. 方法2:将chrome的缓冲功能关闭. 还是用第一个吧,可控.…

Code Review：超越“审、查、评”的代码回顾

http://news.cnblogs.com/n/532148/ 文/TWInsights-伍斌 Code Review 应该是软件开发团队“共同学习.识别模式和每日持续”的过程,而不是带有“审.查.评”等令人感到紧张气氛的过程. Code Review 的目的,是团队成员聚在一起共同学习,而不是相互“挑错”.在相互挑错的场合里,人的内心会本能地封闭起来,来抗拒那些针对自己的批评意见.相互挑错所造成的紧张气氛,会让程序员对 Code Review 望而却步,从而情绪低落,这会让 Code Re…

css清除浮动的原理

最近学习css发现了高度塌陷时候要清除浮动,为了理解清楚浮动原理,网上找了不少资料,发现都写的不是很清楚,而且都是一模一样的内容,我在里分享一下我对清楚浮动原理的理解, 如果你已经很了解什么是浮动和浮动的效果你可以直接跳转到三.如何清除浮动(重点)阅读一.什么是浮动首先我们需要知道定位元素在页面中的位置就是定位,解决问题之前我们先来了解下几种定位方式 1.普通流定位 static(默认方式) 普通流定位,又称为文档流定位,是页面元素的默认定位方式页面中的块级元素:按照从上到下的方式逐个排列…