/* * -- 样式说明 -- * 最大优先实现法,全局能实现不用区域,区域能实现不用模板, * 模板能实现不用界面,界面能实现不用标签 * g - 全局 * t - 区域 * m - 模板 * ui - 界面 * lb - 标签 * 特殊标签 * j - 脚本 * fix - 浮窗 * is - 正则 * f - 一切浮窗 */
手机(mb)的公共样式:
/*base style*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;} html,body{ font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; color:#000; background-color:#fff; font-size:16px; overflow-x:hidden; -webkit-user-select: none; user-select: none;} a{ color:#06f; text-decoration:none;} a:hover{ color:#f60; text-decoration:none;} img{ border:none; vertical-align:middle; max-width: 100%; -webkit-touch-callout: none;} i,em{ font-style:normal;} li{ list-style-type:none;} textarea{ resize:vertical;} input, select, textarea{ font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; background-color:#fff; margin:0; padding:0; outline:none;} /*global style*/ .g-fl{ float:left;} .g-fr{ float:right;} .g-c{ zoom:1;} .g-c:after{ clear:both; content:"."; display:block; height:0; visibility:hidden;} .g-w{ max-width:414px; min-width:320px; width: 96%; margin-left:auto; margin-right:auto;} .g-hide{ display:none !important;} /* a, img { -webkit-touch-callout: none; //禁止长按链接与图片弹出菜单 } html, body { -webkit-user-select: none; //禁止选中文本(如无文本选中需求,此为必选项) user-select: none; } */
电脑(pc)的公共样式:
/*base style*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;} body{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial"; color:#333; background-color:#fff; font-size:15px; background-image:url(about:blank); background-attachment:fixed; overflow-x:hidden;} a{ color:#06f; text-decoration:none;} a:hover{ color:#f60; text-decoration:none;} img{ border:none; vertical-align:middle; max-width: 100%;} i,em{ font-style:normal;} li{ list-style-type:none;} textarea{ resize:vertical;} input, select, textarea{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial"; background-color:#fff; margin:0; padding:0; outline:none;} area{ outline: none;} /*global style*/ .g-fl{ float:left;} .g-fr{ float:right;} .g-c{ zoom:1;} .g-c:after{ clear:both; content:"."; display:block; height:0; visibility:hidden;} .g-w{ max-width: 1200px; min-width: 980px; width: 96%; margin-left:auto; margin-right:auto;} .g-hide{ display:none !important;}
相关推荐
用来设置全局的通用的CSS样式初始化文件
css样式的设置
web前端开发必备资料,项目初始化css,normalize.css,用来统一各个浏览器之间的样式。
初始化样式文件,天哪,竟然要50字,CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。每次新...
Css样式,通用的html代码css 样式初始化
假如我们不初始化CSS样式属性,将会增大CSS代码量,为我们节约网页代码,节约网页下载时间;还会使得我们开发网页内容时更加方便简洁,不用考虑很多。如果不初始化CSS我们在开发比较复杂的网页时候就不会知道自己...
CSS样式初始化文件,写于样式语句之前,解决一些兼容小问题
移动端css全局样式初始化
常用的css样式初始化设置
css的初始化文件,github上面开源的,故各位“看官”可以自由下载, 有积分的可以下载,没有的https://blog.csdn.net/weixin_42034412/article/details/88533072文章中找github地址,麻烦给个赞哦
vant+vue初始化移动端项目,border样式重置:border.css
本样式表适用于对浏览器默认行为进行初始化,默认集成YUI reset 2.9.0核心初始化样式,添加常用web行为控制类,让你对网页调试、开发更加得心应手,前端开发的最佳情人,她,值得你拥有O(∩_∩)O哈哈~
css类库 初始化样式 字体样式 公用空隙 全局链接颜色 字体颜色属性 其他属性
适用于正在做课设已经设计网站的同学,可以直接使用或者改改数据,原生js与html,css结合,轮播图,导航栏,静态页面,增加css3的动画效果。
淘宝最新reset.css初始化样式,Reset是革命党最激进的那一派。
常用移动端公共css
我们在搭建网页的时候,有一些css样式是每次都需要使用的,为了避免代码的冗余,常用的初始化页面.css里面整理了我们比较常用的一些样式。其中包含单行省略、多行省略、万能清除法等
基础css样式,设置了大量特殊的html标签的初始化样式,用起来很舒服
css的初始化文件,方便使用,清除基本的样式。用于网页的初始化,集成了一般常用的标签,适合通用网站开发,移动端,PC端均可使用