html清除全局,惯用全局定义和清除浮动

叁歲伎倆 2022-10-06 11:51 92阅读 0赞

当前位置:我的异常网» Web前端 » 惯用全局定义和清除浮动

惯用全局定义和清除浮动

www.myexceptions.net  网友分享于：2013-10-16  浏览：0次

常用全局定义和清除浮动

全局定义

body \{ margin:0 auto; font-size:12px; font-family:Verdana; line-height:1.5;\}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p \{ padding:0; margin:0;\}

ul \{ list-style:none;\}

img \{ border:0px;\}

a \{ color:\#05a; text-decoration:none;\}

a:hover \{ color:\#f00;\}

/\* 全局样式 \*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td\{margin:0;padding:0;\}

body\{font:12px/2 Arial,\\5B8B\\4F53,Helvetica,sans-serif ;\}

html\{color:\#333;\}

img\{border:0 none;display:inline-block;\}

li,dt,dd\{list-style:none;\}

table\{border-collapse:collapse;\}

a\{text-decoration:none;color:\#333;\}

html a:hover\{text-decoration:none;color:\#f60;\}

.clear10\{display:block;clear:both;height:10px;line-height:0;font-size:0;\}

.clear\{display:block;clear:both;height:0;line-height:0;font-size:0;\}

.clearfix:after \{content:".";display:block; height:0;clear:both;overflow:hidden;visibility:hidden;\}

.fl\{display:inline;float:left;\}

.fr\{display:inline;float:right;\}

button\{cursor:pointer;\}

/\* 全局样式 \*/

清除浮动

.blank10 \{ clear:both; height:10px; line-height:10px; font-size:10px; overflow:hidden;\}

.blank20 \{ clear:both; height:20px; line-height:20px; font-size:20px; overflow:hidden;\}

.clearfloat \{clear:both;height:0;font-size: 1px;line-height: 0px;\}

.clearfix:after \{ clear:both; height:0; display:block; visibility:hidden; content:".";\}

/\*Clear floats   \*The Magnificent CLEARFIX:Updated fo prevent margin-collapsing on child elements   \*/ .clearfix:before, .clearfix:after \{ content:"\\0020"; display: block; height: 0; visibility: hidden; \}  .clearfix \{ zoom: 1;/\*IE<8\*/ \}  .clearfix:after \{ clear: both; \} \* html .clearfix \{  zoom: 1; /\* IE6 \*/ \}  \*:first-child+html .clearfix \{  zoom: 1; /\* IE7 \*/ \}

.body\{overflow:hidden; \_overflow:visible; \_zoom:1;\}

.main\{overflow:hidden; \_overflow:visible; \_zoom:1;\}

/\* 禁止换行 \*/

.nowrap\{word-break:keep-all;white-space:nowrap;\}

/\* 强制换行 \*/

.break\{word-break:break-all;\}

文章评论