美文网首页
前端常用公共CSS样式(PC+移动)

前端常用公共CSS样式(PC+移动)

作者: 前端的自我修养 | 来源:发表于2019-10-30 09:28 被阅读0次

html,body {font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;font-weight:400;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; width: 100%;-webkit-overflow-scrolling : touch;-webkit-touch-callout:none;}

/* 去除元素自带padding和margin */

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, footer, header, nav{ margin: 0; padding: 0; }

/* 去除列表自带圆点 */

li {list-style:none}

/* 去除a链接下划线 */

a {text-decoration:none;outline:0;color:#000;}

/* 移动端点击a链接出现蓝色背景问题解决 */

a:link,a:active,a:visited,a:hover { background: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }

/* 去除图片自带的边框 */

img{border:0}

/* 设置表单元素的文字字体 */

input,select,textarea,button{font-family:inherit;}

/* 设置HTML5元素为块 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*去除点击高亮效果*/

a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}

/*去掉苹果的默认UI来渲染按钮*/

input[type="submit"],input[type="reset"],input[type="button"],button,select{-webkit-appearance:none;}

相关文章

  • 前端常用公共CSS样式(PC+移动)

    html,body {font-family:"MicrosoftYaHei","HelveticaNeue",A...

  • day07

    1.今天学到了 1.css常用样式的讲解 2.公共样式 2.iframe 2.CSS的常用样式 2.1.边框bor...

  • 移动端重置样式和公共样式

    移动端重置样式移动端公共样式

  • 切图需要的准备

    样式 重置样式(reset.css) 公共样式(commo.css) 独立样式(例如首页:index.css) 重...

  • 浏览器静态资源加载优化

    CSS资源、font资源 css资源全局样式、页面级公共样式、组件级公共样式(通过合理添加类名复用样式声明、尽量减...

  • day01

    今天开始用vs code 编写前端网页 1.什么是HTML和CSS 2.常用的HTML标签 3.常用的CSS样式 ...

  • CSS学习之CSS基础

    标签: 前端 css 样式 CSS样式 css全称为"层叠样式表(cascading style sheets)...

  • 前端常用css样式及常见问题总结(持续更新中...)

    一、前端学习工具 二、常用的css前端样式 1.关于margin(外边距) 问题示例(div子模块的margin-...

  • day2(乱)

    css样式 1 css样式属性 #1.1 样式重置(初始化样式) 1.2 常用属性 1.3 元素水平居中 2 常用...

  • Pc、移动端公共样式

    比较实用的移动端和pc端公共样式 为什么使用公共样式 使用公共样式能让我们在写pc和移动端代码的时候,代码可以高复...

网友评论

      本文标题:前端常用公共CSS样式(PC+移动)

      本文链接:https://www.haomeiwen.com/subject/gvanvctx.html