HTML-CSS – Harson's Space

本文最后更新于 2156 天前，其中的信息可能已经有所发展或是发生改变。

标签内快速样式：

<div style="background-color:yellow">
<p style="text-align:center; color:red;"> Hello Word!</p>

HTML5

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>

JavaScript和CSS引用

<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">

<script src="http://libs.cdnjs.net/semantic-ui/2.4.1/semantic.min.js"></script>

CSS

1.行高等于块元素可以使得文字垂直居中

2.元素定位

img
  {
  position:absolute;
  left:0px;
  top:0px;
  z-index:-1;
  }

3.背景设置为图片

.vi
{
    background: #fff url(./im.jpg) no-repeat;
}

4.小图标

font-family: "  ";
font-style: normal;

5.边框

p
  {
  border:5px solid red;
  }

6.过渡

div
{
transition: width 2s;
-moz-transition: width 2s;	/* Firefox 4 */
-webkit-transition: width 2s;	/* Safari 和 Chrome */
-o-transition: width 2s;	/* Opera */
}