是不是在很很多网站的公共样式中会看到这样的代码?font: 12px/150% Arial, Verdana, "\5b8b\4f53";意思为:字体大小/行高 字体族 "\5b8b\4f53″ 就是 “宋体”.用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法.注释乱码:强烈建议不要用中文注释.font-family:’宋体’为了方便大家好查,整理了些中文名 Unicode,特此献给其他前端开发的朋…

外边距(margin) margin-top margin-right margin-bottom margin-left 简写顺序为顺时针方向(上.右.下.左),如:margin: 1px 2px 3px 4px; 其中四边都相等时可简写为一个,如:margin: 1px; 当上下.左右分别相等时,也可简写,如:margin: 1px 2px; 代表上下1px,左右2px 只有左右相等时,可简写为:margin: 1px 2px 3px; 但只有上下相等时不可简写. 内边距(padding)…

css简写有这么几个好处,第一个也是最大的好处就是减少了代码的数量.第二个就是方便自己的编写吧. 下面来介绍几个常见的css属性简写规则. 一.字体(font) font-style:设置字体的样式.其值有normal(默认字体),italic(斜体),oblique(倾斜),inherit(继承父元素字体). font-variant:设置字体变化.其值有normal,small-caps(显示小型大些字幕的字体),inherit. font-weight:设置字体的粗细.其值有normal,…

Part 1 font简写 CSS的命名规则是用英文字母 数字 和下划线(一般用小写)来命名.简写css font的好处有三:一是写起来方便(就像键盘快捷键):二是简化代码:三是帮助你熟悉和深刻理解css. 一.字体属性主要包括下面几个 font-family,font-style,font-variant,font-weight,font-size,font font-family(字体族): “Arial”.“Times New Roman”.“宋体”.“黑体”等;font-style(字体…

本文转自:http://www.zhangxinxu.com/wordpress/2017/03/css3-font-face-src-local/ by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6063本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随意. 很多人只要一提到@font face规则,心中就会不由自主“哦~~”的一声:“这个我知道,可以用来生成自定义字符小图标!”话是没错,问题在于很多人…

本文转载自谈笑涧<css的命名规则> 操作系统版本:Windows 7 浏览器版本:IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2 dev 受影响的浏览器:所有浏览器. 经常讲到css选择器命名规则,其实不只是在团队合作基础上来讲这个,每个浏览器,IE产品,火狐,苹果,谷歌,都会因为命名不规范会产生不同样式.. 一.关于选择器的命名 W3C CSS2.1的 4.1.3 节中提到:标识符(包括选择器中的元素名,类和ID)只能包含字符…

CSS 参考手册 实例 在一个声明中设置所有字体属性: p.ex1 { font:italic arial,sans-serif; } p.ex2 { font:italic bold 12px/20px arial,sans-serif; } 亲自试一试 浏览器支持 IE Firefox Chrome Safari Opera           所有浏览器都支持 font 属性. 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit&quo…

作为一个前端攻城狮,CSS那绝对是基础,可是基础也有掌握不牢的时候.今天就来总结一下容易写错的CSS属性简写问题. 1.background 背景颜色:background-color                                    基本语法:background-color : transparent | color 背景图像:background-image                                  基本语法:background-image :…

font-family font-family: Verdana,Helvetica,Arial,"Microsoft YaHei",sans-serif; font-family: Georgia,Times,“Times New Roman”,serif; 通常认为,电脑屏幕上sans-serif更可读. 如果字体名称超过一个词,应该用引号包裹. 更多字体,http://www.w3schools.com/cssref/css_websafe_fonts.asp. font-siz…

div+css样式命名规则,值得收藏 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendl…