css通用样式

最新推荐文章于 2022-07-23 10:48:31 发布

原创最新推荐文章于 2022-07-23 10:48:31 发布 · 3.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#css #html

0基础学css 同时被 3 个专栏收录

3 篇文章

订阅专栏

html

3 篇文章

订阅专栏

css样式通用大集

2 篇文章

订阅专栏

本文详细介绍了一套CSS基础样式设置，包括元素默认样式清除、文本对齐方式、背景颜色及图片边框设置等内容，并提供了不同级别标题、链接、列表等元素的具体样式规范。

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend{

margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size:100%; text-align: left;

vertical-align: baseline;

}

img {

border:none;

}

table {

border-collapse: collapse; border-spacing: 0;

}

q:before, q:after, blockquote:before, blockquote:after {

content: "";

}

/* 基础样式----------------------------------------*/

body{

text-align:center; background:#cbcbcb; background:url(../images/bg.jpg);

}

body, p, td, th, li{

font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; color:#666666;

}

margin: 0 0 1em 0;

}

/*--- 链接样式 ---*/

text-decoration:none; color:#666666;

}

a:hover, a:active{

text-decoration:none;

}

a h2{

cursor:pointer;

}

h1{ margin:.825em 0 .5em 0; font-size:2.125em;}
h2{ margin:.825em 0 .5em 0; font-size:1.75em;}
h3{ margin:.825em 0 .5em 0; font-size:1.5em;}
h4{ margin:.825em 0 .5em 0; font-size:1.25em;}
h5{ margin:.825em 0 .5em 0; font-size:1.125em;}
h6{ margin:.825em 0 .5em 0; font-size:1em;}
ul{ margin-left:25px; list-style-type:none;}
ol{ margin-left:25px;}

blockquote {

margin: 0 0 18px 18px; font-style: italic;

}

strong {font-weight:bold;}

em {font-style:italic;}

/* 常用样式----------------------------------------*/

.left {float:left;}

.right {float:right;}

.clear {clear:both;}

.small {font-size:.625em;}

.large {font-size:1em;}

.soft {color:#D3D3D3;}