一个全局的css global.css

标签: css global css | 发表时间:2012-08-13 15:51 | 作者:chen11-1
出处:http://www.blogjava.net/
Css代码 复制代码  收藏代码
  1. @charset "utf-8";   
  2.   
  3. /* =Reset default browser CSS. Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html   
  4. -------------------------------------------------------------- */   
  5. html, body, div, span, applet, object, iframe,   
  6. h1, h2, h3, h4, h5, h6, p, blockquote, pre,   
  7. a, abbr, acronym, address, big, cite, code,   
  8. del, dfn, em, font, ins, kbd, q, s, samp,   
  9. small, strike, strong, sub, sup, tt, var,   
  10. dl, dt, dd, ol, ul, li,   
  11. fieldset, form, label, legend,   
  12. table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}   
  13. :focus { outline:0;}   
  14. ol, ul { list-style:none;}   
  15. h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}   
  16. /* tables still need 'cellspacing="0"' in the markup */   
  17. table { border-collapse:separate; border-spacing:0;}   
  18. caption, th, td { font-weight:normal; text-align:left;}   
  19. blockquote:before, blockquote:after,   
  20. q:before, q:after { content:'';}   
  21. blockquote, q { quotes:'' '';}   
  22. a img { border:0;}   
  23. article, aside, details, figcaption, figure,   
  24. footer, header, hgroup, menu, nav, section { display:block;}   
  25.   
  26. /* =Structure   
  27. ----------------------------------------------- */   
  28. body { font:12px/1.5 'Microsoft yahei', Tahoma, Geneva, sans-serif; color:#666; background:#d5d8dd;}   
  29. a { text-decoration:none; color:#4a5566;}   
  30. a:hover { text-decoration:underline; color:#3061b0;}   
  31. .area { width:960px; margin:auto;}   
  32. .pt { padding-top:20px; !important;}   
  33. .mb { margin-bottom:20px !important;}   
  34. .clearfix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; font-size:0;}   
  35. .clearfix { min-height:1%;}   
  36. .red { color:#c33;}   
  37. .tright { text-align:right;}   
  38. .dis { display:none !importan tb;}   
  39.   
  40. /* = Layout   
  41. ----------------------------------------------- */   
  42. /* header */   
  43.   
  44.   
  45. /* body */   
  46.   
  47.   
  48. /* footer */  


chen11-1 2012-08-13 15:51 发表评论

相关 [css global css] 推荐:

CSS图形

- GLORY - 酷壳 - CoolShell.cn
下面的示例展示了使用纯CSS制作的各种图形,你可以自由地修改文中的CSS代码. 经测试,IE9, Chrome, FF, Safari都可以正常显示. 五角星形 via Kit MacAllister. 心形 via Nicolas Gallagher. 无穷大 via Nicolas Gallagher.

用 Compass 寫 CSS

- Jay - Blog.XDite.net
最近在開發一個新產品,整體來說應該是接近寫完了,不過越接近完工,抓 IE 系列的 bug 就越是挫折. 朋友 @evenwu 就來洗我要不要換成 Compass,說這東西超神奇,超好用,還可以把 IE bug 殺光光. 其實之前就久仰 Compass 大名了,只是文件實在看起來太他媽的眼花繚亂,因為專案進度一直在跑,不太敢貿然換掉寫 CSS 的方式.

CSS 入门

- - 博客 - 伯乐在线
级联样式表非常简单,也就是 (X)HTML 网页之上的分层设计. 使样式表 “级联”,这样您就可以跨站点应用它 — 也就是说,将样式应用到网站,它就会自行应用到每个网页的每个元素. ●XHTML:可扩展 HTML. 对于网站,将数据与设计分离是一个重要的概念:数据使用 (X)HTML 发送到 浏览器,而设计使用 CSS 应用到该数据.

css 圆角

- - CSDN博客推荐文章
作者:kangquan2008 发表于2012-2-20 22:32:24 原文链接. 阅读:6 评论:0 查看评论.

CSS架构

- - 博客 - 伯乐在线
英文原文: CSS Architecture,编译: CSDN-张红月. Philip Walton 在AppFolio担任前端工程师,他在Santa Barbara on Rails的聚会上提出了CSS架构和一些最佳实践,并且在工作中一直沿用. 擅长CSS的Web开发人员不仅可以从视觉上复制实物原型,还可以用代码进行完美的呈现.

CSS总结

- - CSDN博客Web前端推荐文章
         接触过一段CSS,为简单理解,将CSS说成两步,一步是你做个“记号”,另一步是根据记号设置样式.      网页的内容和样式是分开的. “记号”便是能标识网页中某部分内容的关键字词(选择器),而根据记号设置样式呢,就是按图索骥根据记号设置标识的那部分内容的样式.     这段时间练习的每个CSS小例子,或是用id做记号,或是用name,或是用class,只有有了这些所谓的记号,CSS设定的样式才有用,.

CSS基础

- - CSDN博客Web前端推荐文章
1、引入CSS的四种方式. 行内样式、内嵌样式、链接样式、导入样式. 基本选择器:标签选择器,ID选择器,类选择器,通用选择器. 通用选择器:*{css代码}. 通用选择器作用:对整个网页中所有HTML标签进行样式定义. 常见用法:定义*{margin:0;padding:0}通用样式,并置于CSS文件最顶端,用于对HTML内所有的标签进行重置以保证页面能兼容多种浏览器.

CSS命名规范

- - BlogJava-首页技术区
网上整理的比较好的css命名规则,为css代码的规范化做参考,增加代码的可读性. 容器: container 页头:header 内容:content/container. 页面主体:main 页尾:footer 导航:nav . 侧栏:sidebar 栏目:column 左右中:leftright center .

css基础入门

- - CSDN博客推荐文章
css是Cascading Style Sheets的缩写,是一种用于为Html文档定义布局的样式表语言. Css是一种样式表语言,用于为html定义布局. Css弥补了Html对标记属性控制的不足. Css将网页内容与样式实现分离,使得网页设计更加明了、简洁. Css可以精确控制网页布局,如行间距、字间距、段落缩进和图片定位等.

CSS样式重置

- - CSDN博客Web前端推荐文章
为了让页面在各不同浏览器之间显示效果一致,CSS样式清除和重置是前端开发必需要做的事情,结合前车之鉴,整理了份CSS重置样式代码供参考. 作者:bbirdsky 发表于2013-5-19 21:24:58 原文链接. 阅读:141 评论:0 查看评论.