【CSS】电脑、移动端公用样式

摘要:
计算机端:/*公共*/@charset“utf-8”;html,body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,表单,输入,选择,按钮,文本区域,iframe,表格,th,td{margin:0;padding:0;}img{border:0无;垂直对齐:顶部;}ul、li、dl、dd、dt{列表样式类型:无;}i、 em,引用{font-style:normal;}正文{-webkit文本大小调整:无;/*Google不支持低于12px的字体大小*/font family:“Microsoft Yahei”;}a{text-decoration:none;}。清楚的cle{clear:两者;}a、 区域{blr:expression}/*删除IE下的虚线框*/a:focus{outline:none;}/*删除Firefox*//*end_Public*/移动终端下的虚线框:@charset“utf-8”;html,body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,表单,输入,选择,按钮,文本区域,iframe,表格,th,td{margin:0;padding:0;}img{border:0无;垂直对齐:顶部;宽度:100%;}ul、li、dl、dd、dt{列表样式类型:无;}i、 em,引用{font-style:normal;}正文{-webkit抽头高亮显示颜色:rgba;-webkit文本大小调整:无;}a{文本装饰:无;}Html{字体大小:62.5%;最大宽度:640px;最小宽度:5rem;边距:0auto;字体系列:“Microsoft Yahei”;}输入[type=“button”],输入[type:“submit”],输出[type=”reset“]{-webkit外观:无;}

电脑端:

/* Public */
@charset "utf-8";

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body { -webkit-text-size-adjust:none; /* 谷歌不支持12px以下字号 */ font-family:"微软雅黑";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) } /* 去掉IE下链接虚线框 */
a:focus { outline: none; } /* 去掉火狐下链接虚线框 */
/* end_Public */

移动端:

@charset "utf-8";

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top;width:100%;}
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body { -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: none;}
a{ text-decoration: none; }
html{font-size: 62.5%;max-width: 640px;min-width:5rem;margin:0 auto;font-family: "微软雅黑";}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

免责声明:文章转载自《【CSS】电脑、移动端公用样式》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇R语言数据分析系列六Anaconda入门安装教程下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【使用 DOM】为DOM元素设置样式

1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表。 每个样式表 都由一个CSSStyleSheet 对象代表,它提供了一组属性和方法来操作文档里的样式。 1.1 获得样式表的基本信息 第一步是获得定义在文档中的样式表的一些基本信息。 <!...

css 锚点

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><...

CSS3的新增选择器

一、兄弟选择器:选择E元素所有兄弟元素F。 <style> p~p{ color:#f00;} </style> </head> <body> <div><!--该div是父元素--> <p>中国十大杰出人物</p>...

sass中文注释的解决方法和一些简单用法

最近用sass来编写项目中的css,发现不能添加中文注释,报错如下 于是查阅了一下发现需要在scss文件顶部加上@charset "utf-8"即可解决。 在此顺便记录一些sass的常用技巧。 注释: /* 我是注释 */ ,会保留到编译后的文件。 // 我是注释 ,只保留在SASS源文件中,编译后被省略。  /*后面加一个感叹号,表示这是...

应该记住的30个CSS选择器

了解基本的id选择器,类选择器和子选择器,如果就此收手,那你会错失很多灵活方法。虽然本文提及的部分选择器属于CSS3范围内,只在一些时新的浏览器有效,不过还是有必要记得这些选择器。 1. * * { margin: 0; padding: 0; } 在提到更先进的选择器之前,为初学者之便,先把常见的选择器解决掉。 星号符会选择页面每个元素。很多开发者用...

8款最新CSS3表单 环形表单很酷

当我们在网站上注册登录还是提交评论,都需要用到表单,今天我们来分享8款最新CSS3表单,有几个效果很酷很特别,有些也非常实用,一起来看看。 1、CSS3环形特色表单 转圈切换表单焦点 这款CSS3表单非常有特色,估计各位不太会看到过,这是一款CSS3环形特色表单,整个环形由一个个输入框组成,当用鼠标激活输入框焦点时,环形圈即会转到该表单项。我们也可以用t...