我的css架构——base.css(更改访问器默认设置款式

日期:2021-03-21 类型:科技新闻 

关键词:小程序 活动,微信小程序demo,微信小程序游戏开发价格,手机小程序怎么做,视频播放微信小程序


拷贝编码
编码以下:

@charset "utf⑻";
/*
@名字: base
@作用: 更改访问器默认设置款式
*/
/* 避免客户自定情况色调对网页页面的危害,加上让客户能够自定字体样式 */
html {
color:black;
background:white;
}
/* 內外边距一般让各个访问器款式的主要表现部位不一样 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
margin:0;
padding:0;
}
/* 要留意表模块素其实不承继父级 font 的难题 */
body,button,input,select,textarea {
font:12px SimSun,tahoma,arial,sans-serif;
}
input,select,textarea {
font-size:100%;
}
/* 去掉各Table cell 的边距并让其边重叠 */
table {
border-collapse:collapse;
border-spacing:0;
}
/* IE bug fixed: th 不承继 text-align*/
th {
text-align:inherit;
}
/* 除去默认设置边框 */
fieldset,img {
border:none;
}
/* ie6 7 8(q) bug 显示信息为行内主要表现 */
iframe {
display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
border:none;
font-variant:normal;
}
/* 1致的 del 款式 */
del {
text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:500;
}
/* 去掉目录前的标志, li 会承继 */
ol,ul {
list-style:none;
}
/* 对齐是排版最关键的要素, 别让甚么都垂直居中 */
caption,th {
text-align:left;
}
/* 来自yahoo, 让题目都自定, 融入好几个系统软件运用 */
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:500;
}
q:before,q:after {
content:'';
}
/* 统1上标和下标 */
sub, sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup {
top:-0.5em;
}
sub {
bottom:-0.25em;
}
/* 让连接在 hover 情况下显示信息下划线 */
a:hover {
text-decoration:underline;
}
/* 默认设置无法显示下划线,维持网页页面简约 */
ins,a {
text-decoration:none;
}
/* IE6,7聚焦点点状线除去 */
a:focus,*:focus {
outline:none;
}
/* 消除波动 */
.clearfix:before,.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
overflow:hidden;
}
.clearfix {
zoom:1; /* for IE6 IE7 */
}
.clear{
clear:both;
display:block;
overflow:hidden;
height:0;
line-height:0;
font-size:0;
}
/* 设定显示信息和掩藏, 一般用来与 JS 相互配合 */
.hide {
display:none !important;
visibility:hidden;
}
.block {
display:block !important;
}
/* 设定内联, 降低波动带来的bug */
.fl {
float:left;
display:inline;
}
.fr {
float:right;
display:inline;
}
上一篇:盈利型网站建设 返回下一篇:没有了