首页 > 其他分享 >CSS历理 初始化样式

CSS历理 初始化样式

时间:2024-05-22 17:07:48浏览次数:25  
标签:初始化 none color style width 历理 font margin CSS

/*
* -- 样式说明 --
* 最大优先实现法,全局能实现不用区域,区域能实现不用模板,
* 模板能实现不用界面,界面能实现不用标签
* g - 全局
* t - 区域
* m - 模板
* ui - 界面
* lb - 标签
* 特殊标签
* j - 脚本
* fix - 浮窗
* is - 正则
* f - 一切浮窗
*/

手机(mb)的公共样式:

/*base style*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;}
html,body{ font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; color:#000; background-color:#fff; font-size:16px; overflow-x:hidden; -webkit-user-select: none; user-select: none;}
a{ color:#06f; text-decoration:none;}
a:hover{ color:#f60; text-decoration:none;}
img{ border:none; vertical-align:middle; max-width: 100%; -webkit-touch-callout: none;}
i,em{ font-style:normal;}
li{ list-style-type:none;}
textarea{ resize:vertical;}
input, select, textarea{ font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; background-color:#fff; margin:0; padding:0; outline:none;}

/*global style*/
.g-fl{ float:left;}
.g-fr{ float:right;}
.g-c{ zoom:1;}
.g-c:after{ clear:both; content:"."; display:block; height:0; visibility:hidden;}
.g-w{ max-width:414px; min-width:320px; width: 96%; margin-left:auto; margin-right:auto;}
.g-hide{ display:none !important;}

/*
a, img {
    -webkit-touch-callout: none; //禁止长按链接与图片弹出菜单
}
html, body {
    -webkit-user-select: none; //禁止选中文本(如无文本选中需求,此为必选项)
    user-select: none;
}
*/

电脑(pc)的公共样式:

/*base style*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;}
body{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial"; color:#333; background-color:#fff; font-size:15px; background-image:url(about:blank); background-attachment:fixed; overflow-x:hidden;}
a{ color:#06f; text-decoration:none;}
a:hover{ color:#f60; text-decoration:none;}
img{ border:none; vertical-align:middle; max-width: 100%;}
i,em{ font-style:normal;}
li{ list-style-type:none;}
textarea{ resize:vertical;}
input, select, textarea{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial"; background-color:#fff; margin:0; padding:0; outline:none;}
area{ outline: none;}

/*global style*/
.g-fl{ float:left;}
.g-fr{ float:right;}
.g-c{ zoom:1;}
.g-c:after{ clear:both; content:"."; display:block; height:0; visibility:hidden;}
.g-w{ max-width: 1200px; min-width: 980px; width: 96%; margin-left:auto; margin-right:auto;}
.g-hide{ display:none !important;}

标签:初始化,none,color,style,width,历理,font,margin,CSS
From: https://www.cnblogs.com/onestopweb/p/18206728

相关文章

  • JS历理 点击图片在弹出层显示大图
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1"><title>后台首页-ICbA后台模板-普通版演示</title><m......
  • PHP历理 计算24点纸牌游戏
    <?php/*demo*/$tf=newTwentyFourCal();$tf->calculate(array(4,8,8,8));$tf->calculate(array(10,10,4,4));$tf->calculate(array(4,4,4,4));$tf->calculate(array(1,2,1,2));$tf->calculate(array(5,6,7,8));classTwentyFourCal......
  • JS历理 Markdown在线编辑器editor
    官网下载下载地址:http://editor.md.ipandao.comJS引入新建文件夹md,将下载好的文件引入过来,新建方法视图文件<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <ti......
  • 小程序用什么css框架
    随着小程序的快速发展,越来越多的开发者开始关注小程序的前端开发。在小程序的前端开发中,CSS框架是一个非常重要的工具,它可以帮助开发者快速构建出漂亮、响应式的界面。那么,小程序应该使用哪种CSS框架呢?在本文中,我们将介绍几种常用的CSS框架,并分析它们的优缺点,帮助开发者选择适合......
  • CSS实现梯形
    1、这是结构代码,实现两个体形盒子对称<divclass="container"><divclass="box1"></div><divclass="box2"></div></div>2、这是CSS样式代码.container{width:400px;......
  • css布局:三栏布局
    1.左侧盒子200px,中间盒子大于等于500px,右侧盒子300px:<divclass="main"> <divclass="left"></div> <divclass="con"></div> <divclass="right"></div></div><style>.main{ m......
  • 允许鼠标响应 css,pointer-events: auto; 和 pointer-events: all; 有什么区别,用哪个
    在CSS中,`pointer-events:auto;`和`pointer-events:all;`实际上并不存在`pointer-events:all;`这个值,因此不用考虑哪个更好。正确的用法是`pointer-events:auto;`。###`pointer-events`属性的概述`pointer-events`属性用于控制一个元素是否响应鼠标事件(如点击、悬停......
  • 15 个你不知道的 CSS 属性 转载
    在Web开发领域中,CSS(层叠样式表)是构建网站视觉美感和布局的支柱。虽然许多开发人员熟悉常用的CSS属性,但仍有大量隐藏的宝石等待被发现。在今天这篇文章中,我们揭示了15个隐藏的CSS属性,这些属性可能没有引起您的注意,但在增强您的网页设计能力方面具有巨大的潜力。1.backdrop......
  • 服务器初始化脚本
    #/bin/bash#设置时区并同步时间ln-s/usr/share/zoneinfo/Asia/Shanghai/etc/localtimeif!crontab-l|grepntpdate&>/dev/null;then(echo"*1***ntpdatetime.windows.com>/dev/null2>&1";crontab-l)|crontabfi#禁用selinuxs......
  • 一些好用的css小小属性,拿下拿下!!
    CSSwriting-mode属性它是用于垂直排版的语言,比如中文或者日文。然而,有趣的是如果我们把它用在英语中,可以很方便的创建垂直文本。(writing-mode属性定义了文字在文文字块中垂直或者水平方向,参考MDN。)horizontal-tb:水平方向自上而下的书写方式。即left-right-top-bottom......