初学样式表

作者: 流河 | 来源:发表于2015-01-07 10:46 被阅读18次

图片水平垂直居中
html:

<div class="inbox_main loading" id="loading">
    <img src="/resource/images/loading.gif" />
</div>

css:

.loading{height: 692px; color: #ffffff;position: absolute;opacity: 0.8;top: 94px;z-index: 9999;}
.loading img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}

优点:
1.支持跨浏览器,包括IE8-IE10。
2.无需其他特殊标记,CSS代码量少。
3.支持百分比%属性值和min-/max-属性。
4.只用这一个类可实现任何内容块居中。
5.不论是否设置padding都可居中(在不使用box-sizing属性的前提下)。
6.内容块可以被重绘。
7.完美支持图片居中。

相关文章

  • 4.CSS引入方式-CSS进阶

    四、CSS引入方式 在初学阶段,我接触了 3 种CSS引入方式,分别是:外部样式表内部样式表行内样式表其实,还有一...

  • 初学样式表

    图片水平垂直居中html: css: 优点:1.支持跨浏览器,包括IE8-IE10。2.无需其他特殊标记,CSS代...

  • CSS(层叠样式表)之标签类型(块级与行内)

    样式表 内部样式表,写在style中的行内样式表(内联样式表),写在标签内外部样式表(外联样式表),写在css文件...

  • CSS的加载方式及其使用方法

    CSS (cascading style sheets):层叠样式表,又称级联样式表、串接样式表、阶层式样式表,一...

  • 2. 如何插入样式表

    浏览器会根据样式表来格式化HTML 文档插入样式表的方法有三种:外部样式表内部样式表内联样式表 1. 外部样式表 ...

  • 关于CSS几种引入方式

    CSS又称为层叠样式表,它分为行间样式表,内部样式表和外部样式表,他们有着各自的优缺点。 行间样式表:优点:不会额...

  • CSS引入方式-样式表

    一、CSS三种样式表 1、行内样式表(行内式) 2、内部样式表(嵌入式) 3、外部样式表(链接式) 二、内部样式表...

  • css创建

    插入样式表: 1.外部样式表 2.内部样式表 3.内联样式 外部样式表: 需要 标签链接到样式表,标签应在文档头部...

  • 网页学习笔记

    三.插入样式表:外部样式表,内部样式表,内联样式. 1.外部样式表:当样式需要应用于很多页面时,外部样式表是理...

  • CSS 初识

    CSS 用来设置HTML外观显示样式。 样式表 内部样式表 行内样式表(内联样式) 外部样式表(外链式) 基础选择...

网友评论

    本文标题:初学样式表

    本文链接:https://www.haomeiwen.com/subject/oegtxttx.html