东北狼仙-专注哈尔滨SEO_网络营销SEM_品牌策划_电子商务
/公共模型/
html,body,ul,li,img,a,p,div{
pandding:0;
marging:0;
box-sizing:border-box;
/去除高亮背景/
-webkit-tap-highlight-color:transparent;
}
body{
font-family:”微软雅黑”,sans-serif;
font-size:13px;
}
a{
color:#666;
text-decoration:none;
}
ul{
list-style:none;
/列表样式清除/
}
input{
/清除文本框获取焦点时默认的边框阴影/
outline:none;
/清除边框/
border:none;
/添加一个边框/
border:1px solid #ccc;
}
/清除左浮动/
.f_left{
float:left;
/清除右浮动/
}
.f_right
{
float:right;
}
.m_left10{
margin-left:10px;
}
.m_right10{
margin-right:10px;
}
.m_top10{
margin-top:10px;
}
.clearfix::before,
.clearfix::after{
/*content: “.”; <—-内容为“.”就是一个英文的句号而已。也可以不写。 */
content:”.”;
/*<—-加入的这个元素转换为块级元素。 */
display:blcok;
height:0;
line-height:0px;
clear:both;
visibility:hidden;
}
/*
.clearfix:after { <—-在类名为“clearfix”的元素内最后面加入内容；
content: “.”; <—-内容为“.”就是一个英文的句号而已。也可以不写。
display: block; <—-加入的这个元素转换为块级元素。
clear: both; <—-清除左右两边浮动。
visibility: hidden; <—-可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；
line-height: 0; <—-行高为0；
height: 0; <—-高度为0；
font-size:0; <—-字体大小为0；
*/
附前端样式
无标题文档
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no” />
<title>ddddd</title>
<style>
a{
width:120px;
height:100px;
display:block;
border:1px solid #ccc; -webkit-tap-highlight-color:red;
}
</style>
</head>
<body><a href=”#”>首页 </a>
<input type=”” name=”” id=”” value=”” />
</body>
</html>
评论前必须登录！
注册