标准基础样式表 style.css【原】 2016-08-21

适用于大部分pc网站的基础样式,从reset.css和normalize.css中提取的,再根据实际情况加减了一些样式,简洁实用。

@charset "utf-8";
/****************************** Normalize ******************************/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: "Arial", "Microsoft YaHei";color: #666;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;cursor:pointer;}
input[type="radio"], input[type="checkbox"]{border: none;padding:0}
input::-ms-clear, input::-ms-reveal{display: none;}
button[disabled], input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}

/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.mr0{margin-right: 0 !important;}
.bd0{border-width: 0 !important;}
.rps{display: block;max-width: 100%;}
.container{width: 1200px;margin: 0 auto;}
.container, .wrapper, .box{position: relative;padding: .1px 0;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}

/****************************** Icon Sprite ******************************/
.selector1 .selector2 .selector3{background-image: url(../img/icon.png);background-repeat: no-repeat;}

/****************************** CSS3 Transition ******************************/
.selector1 .selector2 .selector3{-webkit-transition: all .3s;transition: all .3s;}

/****************************** Page Component ******************************/

/****************************** Common Part ******************************/

/****************************** Index ******************************/
时间: 2024-10-06 05:49:45

标准基础样式表 style.css【原】 2016-08-21的相关文章

标准基础样式表 style.css(mobile)【原】 2016-08-21

适用于大部分移动端网站的基础样式,从reset.css和normalize.css中提取的,再根据实际情况加减了一些样式,简洁实用. @charset "utf-8"; /****************************** Normalize ******************************/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, te

[原][译][osgearth]样式表style中参数总结(OE官方文档翻译)

几何Geometry 高度Altitude 挤压Extrusion 图标Icon 模型Model 渲染Render 皮肤Skin 文本Text 覆盖Coverage 提示: 在SDK中,样式表的命名空间是osgEarth::Symbology 每个符号类是在AltitudeSymbol中,属性通过LineSymbol::strokeWidth() 访问器可用 值类型 float: 实数 float with units: 有单位的实数, e.g. 20px (20 pixels) or 10m

从零开始CSS(2016/9/21)

1.基础语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. selector {declaration1; declaration2; ... declarationN } 选择器通常是需要改变样式的 HTML 元素. 每条声明由一个属性和一个值组成. 属性(property)是您希望设置的样式属性(style attribute).每个属性有一个值.属性和值被冒号分开. selector {property: value} 下面这行代码的作用是将 h1 元素内的文字颜色定义为

解决Django站点admin管理页面样式表(CSS style)丢失

参照这篇教程激活完django自带服务器的admin管理页面后,照着教程所描述的那样,尝试打开http://127.0.0.1:8000/admin/,发现自己的浏览器显示如下 很明显可以看出,虽然业务逻辑正常表达,但这已经丢失了CSS,标准的白底黑字的交互环境,总让人感到不爽. 我查看命令行的报错信息,发现如下报错信息: 好了,看来我们已经找到问题所在,原来在Lib目录下mimetypes.py的文件编码问题,现在我们打开这个文件,在文件末尾添加: reload(sys) sys.setdef

CSS怎样改变行内样式(通过外部级联样式表) css !important用法CSS样式使用优先级判断

CSS样式优先级 行内>内部>外部 使用!important的css定义是拥有最高的优先级的.只是在ie6下出了一点小的bug,注意书写方式一般可以轻松避开的. CSS中的!important一般都是用于对低版本的除了iE 6 ,用来做hack的,后面缀上了!important的css语句,让浏览器首选执行这个语句,因为css有继承的样式,加上!importanrt可以覆盖父级的样式. IE6不认识它的,IE7和别的浏览器中可以用,用来处理浏览器的兼容性 .padding-l-r p span

CSS基础样式(base.css)

@charset "UTF-8";/*css reset*//*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0;

百度基础架构组-实习生面试(2016.08 java后台开发)

一.项目 1.Spring MVC与Struts2的区别: 2.MVC三层是如何工作的?比如:要访问一个Url?a=xx&b=xx,怎么找到相应的资源,怎么运算,怎么返回等? 3.数据库mybatis,如何优化的?加索引. 二.计算机网络 1.get与post的区别 若要传输一个比较大的内容,使用post请求,因为get请求是有字长限制的. 2.http协议的状态 200 OK,404 Not found,301 请求的资源永久性的移动到了新位置,302请求的资源临时移动到了一个新位置 三.Gi

css概述、css样式表分类、选择器分类、css基础样式

1 . 样式表  Cascading Style Sheet css优势: 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使网页布局更加灵活 减少网页代码量,增加网页的浏览速度,节省网络带宽 使用独立于网页的CSS,有利于网页被搜索引擎收录 嵌入ID>外部ID>嵌入class>外部class>嵌入标签>外部标签     1.1  引入方式 四种 style=""  行内样式表 <style>   内部样式表 <link rel=&

第六堂课 框架和样式表的基础

<iframe src="选择一个页面"></iframe> 一个双标签元素,它的主要作用是在浏览页面上添加一个页面 中间可以添加属性来控制页面的大小和其他功能,例如  width="页面的宽度" height="页面的高度" frameborder="0或1"这是控制边框,scrolling="yes或no"这是是否显示滚动条的意思,如果高和宽都为0,则在页面上看不到了,但被隐藏的