html5 公共页面统一,HTML5 公共样式-优快云博客

本文详细介绍了CSS全局样式的设置方法及应用原则，包括如何通过不同选择器实现元素样式的一致性和灵活性。文中提供了丰富的示例代码，帮助读者理解并掌握全局样式的实际应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

* -- 样式说明 --

* 最大优先实现法，全局能实现不用区域，区域能实现不用模板，

* 模板能实现不用界面，界面能实现不用标签

* 脚本属于特殊标签

* g - 全局

* t - 区域

* m - 模板

* ui - 界面

* lb - 标签

* j - 脚本

/*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,'Arial'; color:#333; font-size:12px; background-color:#fff; overflow-x:hidden;}

a{ color:#666; text-decoration:none;}

a:hover{ color:#666; text-decoration:underline;}

img{ border:none;}

i,em{ font-style:normal;}

ul li{ list-style-type:none;}

textarea{ resize:vertical;}

input, select, textarea{ font-family:\5FAE\8F6F\96C5\9ED1,'Arial'; background-color:#fff margin:0; padding:0; outline:none;}

/*global style*/

.g-fl{ float:left;}

.g-fr{ float:right;}

.g-c{ clear:both;}