代码语言
.
CSharp
.
JS
Java
Asp.Net
C
MSSQL
PHP
Css
PLSQL
Python
Shell
EBS
ASP
Perl
ObjC
VB.Net
VBS
MYSQL
GO
Delphi
AS
DB2
Domino
Rails
ActionScript
Scala
代码分类
文件
系统
字符串
数据库
网络相关
图形/GUI
多媒体
算法
游戏
Jquery
Extjs
Android
HTML5
菜单
网页交互
WinForm
控件
企业应用
安全与加密
脚本/批处理
开放平台
其它
【
Css
】
C端&移动端的页面都用的到的CSS
作者:
/ 发布于
2017/3/28
/
544
PC端&移动端的页面都用的到的CSS笔记(自己用的) PC端-------------------------------------------------- @charset "utf-8"; *{ margin:0px; padding:0px;} body{ font-family:"PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei"; color:; font-size:; line-height:;} h1 , h2 , h3 , h4{ font-weight:normal; display:inline;} li{ list-style:none;} i{ font-style:normal;} a:link , a:visited ,a:active{ text-decoration:none; color:;} a:hover{ color:;} img{ vertical-align:middle;} a img{ border:none;} .cle{ *zoom:1;} .cle:after{ content:""; display:block; height:0; clear:both;} .f_right{ float:right;} Mobile端-------------------------------------------------- @charset "utf-8"; @media screen and (min-width:320px) and (max-width:359px){html{font-size:12px;}body{ font-size:1.2rem;}} @media screen and (min-width:360px) and (max-width:374px){html{font-size:13.5px;}} @media screen and (min-width:375px) and (max-width:383px){html{font-size:14.07px;}} @media screen and (min-width:384px) and (max-width:392px){html{font-size:14.38px;}} @media screen and (min-width:393px) and (max-width:410px){html{font-size:14.75px;}} @media screen and (min-width:411px) and (max-width:413px){html{font-size:15.41px;}} @media screen and (min-width:414px) and (max-width:479px){html{font-size:15.52px;}} @media screen and (min-width:480px) and (max-width:511px){html{font-size:18px;}} @media screen and (min-width:512px) and (max-width:639px){html{font-size:19.19px;}} @media screen and (min-width:640px){html{font-size:24px;}} *{ margin:0px; padding:0px; -webkit-tap-highlight-color:rgba(0,0,0,0);} html{ min-width:320px; max-width:640px; margin:0 auto;} body{ font-family:"PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei"; -webkit-user-select:none;/* 禁用长触选择文字等功能 */ -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; -webkit-touch-callout:none; /* 禁用长触弹出的下载图片菜单 */ -moz-touch-callout:none; -ms-touch-callout:none; -o-touch-callout:none; touch-callout:none; } li{ list-style:none;} i{ font-style:normal;} a:link , a:visited , a:hover ,a:active{ text-decoration:none; color:;} .cle:after{ content:""; display:block; height:0; clear:both;} button , input , select , textarea{ outline:none; border-radius:0; font-size:1rem; font-family:"PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei"; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; } input[type=checkbox] , input[type=radio]{ margin:0 0.5rem;} /*去除input[type=number]安卓端上下箭头*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; appearance: none !important; margin: 0; } .f_right{ float:right;} /*去除input[type=number]上下箭头*/ /*在chrome下:*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; } /*Firefox下:*/ input[type="number"]{-moz-appearance:textfield;}
试试其它关键字
同语言下
.
前端PC-移动端CSS公共样式+HTML
.
手机端页面通用样式
.
H5页面通用头部设置
.
elect默认样式美化代码兼容移动端和pc端
.
按钮效果 css
.
唤醒app
.
放大效果
.
html5+css3实现上拉和下拉刷新
.
html上传图片后,在页面显示上传的图片
.
html5实现点击弹出图片
可能有用的
.
前端PC-移动端CSS公共样式+HTML
.
手机端页面通用样式
.
H5页面通用头部设置
.
elect默认样式美化代码兼容移动端和pc端
.
按钮效果 css
.
唤醒app
.
放大效果
.
html5+css3实现上拉和下拉刷新
.
html上传图片后,在页面显示上传的图片
.
html5实现点击弹出图片
贡献的其它代码
Label
Copyright © 2004 - 2024 dezai.cn. All Rights Reserved
站长博客
粤ICP备13059550号-3