基础的页面初始化样式

/* 清除IE的叉号和眼睛 */
::-ms-clear, ::-ms-reveal{display: none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,form,textarea,p,th,td,hr,button{
    margin:0;
    padding:0;
    border: none;
    box-sizing: border-box;
    outline: none;
}
table{
    border-collapse:collapse;
    border-spacing:0
}
audio,canvas,video{
    display:inline-block;
    *display:inline;
    *zoom:1
}
img{
    vertical-align: middle;
    display: inline-block;
}
ul li{
    list-style-type:none;
}
button,a{
    cursor: pointer;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
      font-family: "microsoft yahei"; /* 1 */
      font-size: 100%; /* 1 */
      line-height: 1.15; /* 1 */
      margin: 0; /* 2 */
  }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
      border-style: none;
      padding: 0;
  }
a{
    text-decoration:none;
    cursor: pointer;
}
a:hover{
    text-decoration:underline;
}
body,html{
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.clear:after{
    content:‘‘;
    display:block;
    clear:both;
    height:0;
    overflow:hidden;
    visibility:hidden;
}
.clear{
    zoom:1;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

原文地址:https://www.cnblogs.com/zyt-it/p/11742994.html

时间: 2024-11-08 21:57:27

基础的页面初始化样式的相关文章

recent.css常用的页面初始化样式

<style> @charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{ font-weight: normal;} li { list-style: none; } img { border: non

asp.net架构基础知识--页面以及全局事件

1.asp.net的请求过程,以及对应的处理请求的dll客户的请求页面由aspnet_isapi.dll这个动态连接库来处理,把请求的aspx文件发送给CLR进行编译执行,然后把Html流返回给浏览器 2.页面事件(按照事件的执行顺序排列) Page_Init:初始化值或连接 Page_Load:主要使用IsPostBack,该事件主要执行一系列得操作来首次创建asp.net页面或响应 由投递引起得客户端事件.在此事件之前,已还原页面和控件视图状态. Page_DataBind:在页面级别上调用

通用初始化样式

通用初始化样式 ------- body{ margin: 0;padding: 0;font-family: "微软雅黑";overflow: hidden;} body,html{-webkit-text-size-adjust: none;width: 100%;height: 100%;} *{text-decoration: none;list-style: none;} img{border: 0px;} ul,li,dl,dd,dt,p,ol,h1,h2,h3,h4,h5

php开发之js修改页面css样式

在我以前的印象里,页面的字体属性,背景,等样式在页面加载后基本上都是固定的了,但是今天看到可以通过js修改页面的样式,觉得有必要和大家分享下. test.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equi

angluarjs中页面初始化的时候会出现语法{{}}在页面中问题

angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题.出现这个的原因是:由于页面或者组件需要渲染加载数据,浏览器和angluarjs渲染页面需要消耗一定的时间,虽然这个时间很多,可能肉眼看不出来,但有的时候加载时间比较长的时候,特别是网络等原因.这样就看到了在渲染前的带有语法的页面.解决的办法如下: 1.ng-cloak ng-cloak指令是angular的内置指令,它的作用是隐藏所有被它包含的元素: <div ng-cloak> <h1>Hel

HTML5移动开发之路(50)——jquerymobile页面初始化过程

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(50)--jquerymobile页面初始化过程 了方便说明和更加直观的展示jquerymobile的页面初始化过程以及各个事件的触发过程,我绘制了一幅流程图: 图中用红色框圈起来的是界面中的事件,测试代码如下: [html] view plain copy print? <!DOCTYPE html> <html> <head> <title>练习</title

小强的HTML5移动开发之路(50)——jquerymobile页面初始化过程

为了方便说明和更加直观的展示jquerymobile的页面初始化过程以及各个事件的触发过程,我绘制了一幅流程图: 图中用红色框圈起来的是界面中的事件,测试代码如下: <!DOCTYPE html> <html> <head> <title>练习</title> <meta charset="utf-8"> <meta name="viewport" content="width=

js和jquery页面初始化加载函数的方法及先后顺序

原文:js和jquery页面初始化加载函数的方法及先后顺序 运行下面代码.弹出A.B.C.D.E的顺序:A=B=C>D=E. jquery:等待页面加载完数据,以及页面部分元素(不包括图片.视频), js:是页面全部加载完成才执行初始化加载. <!DOCTYPE html> <html> <head> <title>首页</title> <script type="text/javascript" src=&quo

0、初始化样式

初始化样式,非原创,仅供个人学习参考<link href="base.css"> /* CSS Document */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, d