HTML和CSS中一些有趣的

CSS Rese

http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">

垂直居中

要想一行文字在盒子中垂直居中只需要设置这行行高等于盒子高度line-height: 27px;

绝对定位下要写

            left: 0;
            top: 0;

绝对定位居中

            position: absolute;
            left: 50%;
            margin-left: -宽度的一半px;

如果图片的宽度大于父元素的宽度

1. 使用定位流让图片居中

2. 父元素必须设置text-align:center;
   图片设置margin：0 -100%；

网页自动刷新

		<meta http-equiv="refresh" content="10">

文章开头空两格

text-indent:2em;

设置字与字间距_字符间距离

letter-spacing: 2px;

水平分布对齐

    display: flex;
    justify-content: space-around;

垂直分布对齐

display: flex;
flex-flow: row wrap;
align-content:space-around;

规定可以由用户调整 div 元素的大小：

resize: vertical;
  overflow: auto;

把此元素放置在父元素的中部。

vertical-align: middle;