html移动端隐藏代码,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作为单位就行了。

视口设置：

媒体查询

/*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;

}

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;

}

来源：https://www.cnblogs.com/agansj/p/9339119.html

html移动端隐藏代码,html Css PC 移动端公用部分样式代码整理相关推荐

html移动端隐藏div,bootstrap 如何设置移动端元素隐藏
bootstrap设置移动端元素隐藏的方法:首先打开相应代码文件:然后使用Bootstrap的网格系统:最后通过"visible-xs-block"设置在超小设备手机显示隐藏即可. ...
footer代码html,css如何实现footer定位（完整代码）
本篇文章给大家带来的内容是关于css如何实现footer定位(完整代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. css实现footer定位 Document html,bod ...
c语言图形学画扇形代码,利用CSS绘制任意角度的扇形示例代码
前言扇形制作原理,底部一个纯色原形,里面2个相同颜色的半圆,可以是白色,内部半圆按一定角度变化,就可以产生出扇形效果效果图示例代码: 扇形绘制 } .sx1{ position: absolut ...
html 点击加号展开代码,纯css实现加号一个的效果（代码示例）
本篇文章给大家带来的内容是关于纯css实现加号一个的效果(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 实现下图的加号效果: 若想实现这个效果, 只需一个p元素即可搞定. ...
仿电台网站网页版html代码,DIV+CSS实现电台列表设计的示例代码
CSS Spite技术:也就是CSS精灵技术,实际上CSS的精灵就是图片里的一个个的图标元素,这些图标可以使按钮.标签以及logo等等.很多网站中都应用了该技术,可有效减少传输请求次数,所需要的图标汇 ...
html自动滚动代码,html+css+javascript实现列表循环滚动示例代码
说明:设置时间定时,在规定的时间内替换前一个节点的内容 1.关键代码:javascript: 复制代码代码如下: var dome=document.getElementById("dome ...
html 物流状态,css+html如何实现物流进度样式（代码示例）
本篇文章给大家带来的内容是介绍css+html如何实现物流进度样式(代码示例),有需要的朋友可以参考一下,希望对你们有所帮助. 效果: css样式: ul li { list-style: none; ...
淘宝如何隐藏店铺首页宝贝让同行看不到商品链接，分享最新屏蔽淘宝天猫PC电脑端代码技术
淘宝如何隐藏店铺首页宝贝让同行看不到商品链接,分享最新屏蔽淘宝天猫PC电脑端代码技术之前发布的老技术大家就不要尝试了,已经失效了,我们经过不懈努力终于研究出可以代替之前旧版屏蔽技术,此技术截止目前为 ...
横向自动轮播图html代码,JavaScript实现PC端横向轮播图
JavaScript实现PC端横向轮播图发布时间:2020-09-09 02:10:03 来源:脚本之家阅读:100 作者:菜鸟向往蓝天本文实例为大家分享了JavaScript实现PC端横向轮播 ...

html移动端隐藏代码,html Css PC 移动端公用部分样式代码整理

html移动端隐藏代码,html Css PC 移动端公用部分样式代码整理相关推荐

最新文章

热门文章

html移动端隐藏代码,html Css PC 移动端 公用部分样式代码整理

html移动端隐藏代码,html Css PC 移动端 公用部分样式代码整理相关推荐

最新文章

热门文章

html移动端隐藏代码,html Css PC 移动端公用部分样式代码整理

html移动端隐藏代码,html Css PC 移动端公用部分样式代码整理相关推荐