Css公共文件结构】的更多相关文章

一般一个网站会有这么三个样式: global.css | reset.css(格式化样式) common.css(公共组件样式) layout.css(当前页面样式) 清除全站所有页面的浏览器默认样式,保证在初始样式在所有浏览器下一致. common.css(公共组件样式) 一般一个网站所有页面头部.底部样式都是一致的,而且很长时间不会有大的改变,改变的大概就是产品.运营的经常需要添加.去掉某些入口的需求,要保证全站所有页面头部一次替换生效,只要把头文件,已经对应的样式一发,马上生效,很快就有响…
global.css | reset.css(格式化样式) common.css(公共组件样式) layout.css(当前页面样式) 清除全站所有页面的浏览器默认样式,保证在初始样式在所有浏览器下一致. common.css(公共组件样式) 一般一个网站所有页面头部.底部样式都是一致的,而且很长时间不会有大的改变,改变的大概就是产品.运营的经常需要添加.去掉某些入口的需求,要保证全站所有页面头部一次替换生效,只要把头文件,已经对应的样式一发,马上生效,很快就有响应. 比如翻页.表单(输入框.按…
global.css | reset.css(格式化样式) common.css(公共组件样式) layout.css(当前页面样式) 清除全站所有页面的浏览器默认样式,保证在初始样式在所有浏览器下一致. common.css(公共组件样式) 一般一个网站所有页面头部.底部样式都是一致的,而且很长时间不会有大的改变,改变的大概就是产品.运营的经常需要添加.去掉某些入口的需求,要保证全站所有页面头部一次替换生效,只要把头文件,已经对应的样式一发,马上生效,很快就有响应. 比如翻页.表单(输入框.按…
清除浮动是css的基础,但有时候会忘了一些最简单的东西 浮动因为在文档流之外,所以会造成父元素的坍塌.父元素之后的元素排版就会乱. 常用的方法是在浮动父元素中添加cf类,然后定义cf样式,并将其放在公共库内. .box.cf img.fl img.fr <!-- 以上是jade格式 --> .cf:after{ display:table; content:""; clear:both; } .cf{*zoom:;} <!-- 以上为对应css --> 因为cl…
/* CSS Document */ body, button, select, textarea, input, label, option, fieldset, legend{font-family: 微软雅黑E\8F6F\96C5\9ED1,Tahoma,Verdana;font-size: 12px;line-height: 18px;color: #444;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,…
在简介.引言中常见:文字只有一排,超出宽度以省略号显示,像这样 实现方法:在公共库定义otw类 .otw{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 其中 text-overflow:ellipsis 显示省略符号来代表被修剪的文本; white-space:nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止.…
PC参考样式1: @charset "utf-8"; html{background:#fff;overflow:auto;} body{min-width:1200px;font:12px/18px "Microsoft Yahei";font-weight:lighter;color:#333; -webkit-font-smoothing: antialiased; } a{color:#333; text-decoration:none; cursor:po…
@charset "utf-8"; /* CSS Document */ *{ padding:; margin:; } ul,li{ list-style: none; } a{ text-decoration: none; color: inherit; } textarea,input{ outline: none; border:; } textarea{ resize : none; } .c-style-clear{ clear: both; } .c-style-oth{…
CSS文件命名为global.css,一般此CSS文件是用于装全站主要框架CSS样式代码和初始化的CSS样式. 通常会放初始化CSS代码如下: body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4 {margin:0;padding:0;font-style:normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica,sans-serif} ol, ul ,li{list-style: n…
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font…