html Css PC 移动端 公用部分样式代码整理
css常用公用部分样式代码整理:
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;}
ul, ol{list-style: none;}
a{color: black;text-decoration: none;}
a:hover {text-decoration: underline;}
html{font-size: 10px;font-family: "Microsoft YaHei",Arial;}
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。
那么12px=0.75em,10px=0.625em。为了简化font-size的换算,
需要在css中的body选择器中声明Font-size=62.5%,
这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em,
也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
视口设置:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
媒体查询
/*reset css*/ *,
::before,::after{
margin:0; padding:0;
/*清除移动端默认的点击高亮效果*/
-webkit-tap-highlight-color:transparent;
/*设置以边框开始计算宽度*/
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
body{
font-size:14px;
font-family:"Microsoft YaHei",sans-serif;/*设备默认字体*/
color:#333;
}
a{
color:#333;
text-decoration:none;
}
a:hover {
text-decoration:none;
}
ul,ol {
list-style:none;
}
input {
border:none;
outline:none; /*清除移动端默认的表单样式*/
-webkit-appearance:none;
}
/*common css*/
.f_left{ float:left; }
.f_right{ float:right; }
.clearfix::before,.clearfix::after {
content:"";
height:0;
line-height:0;
display:block;
visibility:hidden;
clear:both;
}
最新文章
- 关于Android避免按钮重复点击事件
- 1207MySQL 面试题
- TODO:浅谈pm2基本工作原理
- 《与小卡特一起学Python》Code3 抓取网页中的某个数据
- 面向amd64的XXX与与项目的目标平台“x86”不兼容
- powershell小工具,efs加解密三剑客。
- windows下脚本配置IP地址
- 方便实用的jQuery checkbox复选框全选功能
- sublime3 常用功能总结
- 看个人思路吧,清晰的话就简单 CodeForces 271A - Beautiful Year
- IOS使用Jenkins持续集成
- WPF使用RoutedCommand自己定义命令
- [Python][小知识][NO.2] Python 字符串跨行连接,或拆分为多行显示
- 【python】查找函数定义
- ASP.NET Core Middleware管道介绍
- Python实现的各种机器学习算法
- SG函数值
- Java中关于AbstractQueuedSynchronizer的入门(二)
- JDBC之批处理
- 【Laravel5】 定制错误页面
热门文章
- machine learning for hacker记录(2) 数据分析
- Express中的Ejs模板传值问题
- java中如何创建带路径的文件
- Codeforces Round #304 (Div. 2) C. Soldier and Cards —— 模拟题,队列
- opengl in medical imaging
- 精选Java面试题
- Asterisk 通话过程中执行动作(即applicationmap )的使用方法和电话转会议的实现
- BZOJ_4010_[HNOI2015]菜肴制作_拓扑排序+贪心
- liunx目录/etc下相关配置
- bzoj 1014 [JSOI2008]火星人prefix——splay+哈希