背景 如何按照设计稿中标注的尺寸,直接写页面的样式,不再需要px2rem这样的工具或者人工转换 ? 只要你明白了rem的计算原理,这个问题的答案超级简单. 根字体大小计算核心原理 设备的根字体大小 * 全屏比例值 =  设备的宽度 设计稿的根字体大小 * 全屏比例值 = 设计稿的宽度 这两个等式中的全屏比例值相等的条件下,在真实设备上可以高保真地还原设计稿. 实战一下 找了一个蓝湖的设计稿,蓝湖的设计稿宽度是750px,默认根字体大小是50px. 50px * 全屏比例值 = 750px,这个全…

python变量.对象和引用你真的明白了吗 变量.对象和引用 Python不像C++,Java等语言一样,他们可以不用事先声明变量类型而直接对变量进行赋值.对Python语言来讲,对象的类型和内存都是在运行时确定的.这也是为什么我们称Python语言为动态类型的原因 这里我们把动态类型可以简单的归结为对变量内存地址的分配是在运行时自动判断变量类型并对变量进行赋值 例子在 Python 中使用变量的时候不需要提前声明变量及其类型,我们这里以a = 1来举例: 这里变量为a,1为对象. 注意两点:…

记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前端群里还发现以上观点类似的奇葩聊天,真是*** 其实,也是在很久以前,看了腾讯ISUX的一位前端工程师-麦时分享的一篇技术文章(个人站点已失效,就不贴出来了),才了解到真正的css选择器权重计算. 以下是css选择器权重计算精华所在,翻译自国外的文档(记得是W3C给出的计算规则) 如果一个声明来自s…

css基础-字体那些事 1. 首先讲字的大小样式等 字体大小 font-size: 40px; 文字字体 font-family: "宋体",Arial; 文字样式 font-style:normal; -normal:正常字体 -italic,oblique:斜体 字体加粗 font-weight: bold; 每行所占高度(行高) line-height: 50px; 疑问一: 文字字体怎么会同时写两个值?解答: 是首选和备选的关系,不只可以写两个,还可以写多个.放在第一个位置的是…

css - rem和vw 物理像素 物理像素在不同的设备中1px里可以容纳的像素颗粒是不相同的,所以1px这个单位其实也是有N个像素颗粒填充的.同一尺寸屏幕的每个像素点所能容纳的像素颗粒越多显示效果越清晰.分辨率越高.也即1个像素点所有容纳的颗粒越多,效果越好.现在的手机屏幕用肉眼已经看不到颗粒,这是由于设备支持越来越细小的像素颗粒,这些屏幕被称为retina(视网膜屏幕).现在假设有一个1px的图片,该图片的1px容纳了1个像素颗粒,现在将该图片放进支持1px可容纳2个颗粒的屏幕中,这会将图片…

http://hotoo.googlecode.com/svn/trunk/labs/css/css-fonts.html CSS中文字体对照表 css字体名可以使用2种Unicode格式,以“微软雅黑”为例: 微软雅黑 和 \5FAE\8F6F\96C5\9ED1,如果未找到需要的字体名称,可以到这里把简体中文转换为Unicode编码. 另外注意:繁体中文字体名,在简体中文系统中是不能被识别的. 中文名 英文名 Unicode Unicode 2 Mac OS 华文细黑 STHeiti Lig…

原文链接:http://www.zhangxinxu.com/wordpress/2010/06/%E5%8F%AF%E7%94%A8%E6%80%A7%E4%B9%8B%E6%B5%8F%E8%A7%88%E5%99%A8%E9%BB%98%E8%AE%A4%E5%AD%97%E4%BD%93%E4%B8%8Ecss%E5%AD%97%E4%BD%93/ 一.浏览器默认字体 众所周知,浏览器字体默认的设置为“宋体/simsun字体 16像素”,例如Chrome浏览器下: 二.CSS中设置的字体…

CSS定义字体行间距 line-height:xxpx; CSS定义字体间距 下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表: 属性     属性含义     属性值 Word-spacing     定义了各个单词之间的间距     Normal<length>必须以长度为单位 Letter-spacing        定义了每个字母之间的间距     同上 Text-decoration     定义文字的“装饰”样式     None|underline|overl…

css中文字体乱码解决方案:把css编码和html页面编码统一起来.如果html页面是utf-8.css.js也统一成utf-8编码.还有一个避免中文乱码的办法就是把中文字体写成英文来表示 css中文字体乱码解决方案: 把css编码和html页面编码统一起来.如果html页面是utf-8.css.js也统一成utf-8编码.如果html页面是gb2312.css.js也统一成gb2312编码.UTF-8和GB2312互转的最简单快捷的方法 还有一个避免中文乱码的办法就是把中文字体写成英文来表示,…

CSS中文字体的英文名称(simsun)宋体,(Microsoft YaHei)微软雅黑 华文细黑:STHeiti Light [STXihei] 华文黑体:STHeiti 华文楷体:STKaiti 华文宋体:STSong 华文仿宋:STFangsong 俪黑 Pro:LiHei Pro Medium 俪宋 Pro:LiSong Pro Light 标楷体:BiauKai 苹果俪中黑:Apple LiGothic Medium 苹果俪细宋:Apple LiSung Light Windows的一…