HTML5移动端通用css详解编程语言
2023-06-13 09:20:40 时间
/*清除内外边距*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{
margin: 0;
padding: 0;
border: medium none;
h1,h2,h3,h4,h5,h6{
font-size: 100%;
box-sizing:border-box;
font-style: normal;
/*重置列表元素*/
ul,li{
list-style: none;
/*重置超链接元素*/
text-decoration: none;
color: #333333;
a:hover{
text-decoration: underline;
color: #f40;
/*重置图片元素*/
img{
border: 0px;
vertical-align:middle;
/*重置表格元素*/
table{
border-collapse: collapse;
border-spacing: 0;
html,body{
font-size:11px;
font-family:Helvetica;
height: 100%;
color: #333;
}
@media screen and (max-width:320px){html,body {font-size:11px}} @media screen and (min-width:321px) and (max-width:375px){html,body {font-size:12px}} @media screen and (min-width:376px) and (max-width:414px){html,body {font-size:13px}} @media screen and (min-width:415px) and (max-width:639px){html,body{font-size:15px}} @media screen and (min-width:640px) and (max-width:719px){html,body{font-size:20px}} @media screen and (min-width:720px) and (max-width:749px){html,body{font-size:22.5px}} @media screen and (min-width:750px) and (max-width:799px){html,body{font-size:23.5px}} @media screen and (min-width:800px){html,body{font-size:25px}} .icon{ height: 1.5rem; vertical-align: middle; /*头部*/ .l_header { position: relative; height: 48px; background: rgba(0,0,0,.1); color: #fff; text-align: center; line-height: 48px; font-size: 1.3rem; background-color: #48C23D; /* background: -webkit-linear-gradient(left,#5191FF, #3CA8FE,#29C1FE,#38BAFE); */ .l_header a img { width: 30px; position: absolute; top: 9px; left: 10px; /** 无数据 */ .no-result{ display:none; padding-top: 30px; text-align: center; font-size: 14px; .no-result img{ width: 273px; height: 56px; margin-bottom: 5px; .no-result text{ width: 100%; color: #666; float: left; }
13926.html
cjava相关文章
- 【CSS3】---- 纯 css 控制 html5旋转音乐图标,控制背景音乐
- 跨平台移动APP开发进阶(二):HTML5+、mui开发移动app教程[通俗易懂]
- css怎么改鼠标样式,如何利用CSS改变鼠标的样式
- cshtml标记html5,cshtml常用标签
- HTML5 Video Creator Mac(HTML5视频制作软件)
- css适配不同分辨率屏幕_html5判断分辨率
- css怎么实现背景图片自适应窗口大小_html5背景图片自适应
- canvas 文字特效-6个典型的HTML5文字特效示范
- 前端必备的 CSS 库,normalize.css
- 【HTML5】HTML5 新增 input 表单属性 ( required 属性 | placeholder 属性 | autofocus 属性 | autocomplete 属性 )
- HTML5 Canvas 图像动画的实现(实例小球弹跳)详解编程语言
- 基于html5 localStorage的购物车JS脚本详解编程语言
- 高级HTML5 移动应用框架 Ionic v2.2.0 发布详解编程语言
- html5对密码加密详解编程语言
- 移动前端头部标签(HTML5 head meta)详解编程语言
- HTML5表单种类大汇总
- 利用HTML5和MySQL实现数据交换(html5连接mysql)
- HTML5 教程
- 如何使用HTML5连接MySQL数据库:同步数据更加高效和安全。(html5连接mysql数据库)
- CSS如何影响MySQL的使用(css影响MySQL)
- CSS与MySQL合力提升网页性能(css与mysql结合)
- CSS教程之css选择器、属性、值
- 简单的加密css地址防止别人下载你的CSS文件的方法
- juqery学习之六CSS--css、位置、宽高
- 使用非html5实现js板连连看游戏示例代码
- 一个html5播放视频的video控件只支持android的默认格式mp4和3gp