首页
产品
快图
小程序
微商城
网站建设
新闻
公司动态
行业资讯
关于
案例
联系
联级款式文档共通款式梳理
2021-01-20 13:20
jianzhan
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>:能够界定1个详细地址,一般內容为斜体;<caption>:界定报表的题目,务必紧跟在<table>标识以后,且仅有1个;
*<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
:
baseline
baseline
;}
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())}
/*Body1般通用性款式*/
body{
font-size
:
12px
;
font-family
:
"宋体"
,
"黑体"
,
Verdana
,
Arial
;
color
:
#4d4d4d
;
background-color
:
#ffffff
;
line-height
:
22px
;
}
为您推荐
联级款式文档共通款式梳理
ie8中照片设定max
div css 翻转条款式 DIV翻转条特性及款式设
DIV完成简单漂浮层置放分页查询信息内容
深层次CSS3 动漫实际效果的总结详解
所有文章
公司动态
行业资讯