专注电子商务
网络营销、微信电话15545972811

东北狼仙:前端开发公共样式笔记

/公共模型/
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>




赞(0) 打赏
未经允许不得转载:东北狼仙-专注哈尔滨SEO_网络营销SEM_品牌策划_电子商务 » 东北狼仙:前端开发公共样式笔记
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

网络营销 品牌策划 网站制作

哈尔滨SEO网络营销

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

拨打电话