级联样式文件共通样式整理

时间：2021-05-08

CSS Code复制内容到剪贴板

/*<pre>:定义预格式化文本；<code>:用于表示计算机源代码的文本内容；

*<fieldset>:可将表单内相关的元素分组；<legend>:为fieldset标签定义标题；

*<blockquote>:块应用，会自动增加换行以及外边距。

*对以下元素去除预定样式的外边距和内边距

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,

fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}

/*<abbr>:对缩写词语进行标记；<acronym>:对首字母缩写进行标记。

*对以下元素清除边框样式*/

fieldset,img{border:0;}

abbr,acronym{border:0;font-variant:normal;}

:focus{outline:0;}

/*<address>:可以定义一个地址，通常内容为斜体；<caption>:定义表格的标题，必须紧跟在<table>标签之后，且只有一个；

*<cite>、<dfn>、<var>短语元素，呈现特殊样式；<optgroup>:通常与<select>下拉框联合使用，表示分组选择项的类别名，通常内容为斜体。

*对以下元素字体样式进行设置

address,caption,cite,code,dfn,th,var,optgroup{font-style:normal;font-weight:normal;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

ol,ul{list-style:none;}

/*border-collapse：定义表格行和列边框是合并成单边框还是分别有各自的边框，值为：separate|collapse

*border-spacing：定义相邻单元格边框之间的距离，此时必须为【边框分离模式即separate】

*将表格边框合并

table{border-collapse:collapse;border-spacing:0;}

caption,th{text-align:left;}

sup,sub{font-size:100%;vertical-align:baselinebaseline;}

ins{text-decoration:none;}

del{text-decoration:line-through;}

blockquote,q{quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

a{text-decoration:none;cursor:pointer;blr:expression(this.onFocus=this.blur())}

body{

font-size:12px;

font-family:"宋体","黑体",Verdana,Arial;

color:#4d4d4d;

background-color:#ffffff;

line-height:22px;

}

相关文章