css_5_文本垂直居中方式_颜色取值方式_透明度

文本垂直居中

<div>
    xxxxxxxxxxxx
</div>

<style>
    div{
        width:500px;
        height:500px;
        /* 文本水平居中 */
        text-aligh:center;
        /* 加行高让文本垂直居中 */
        line-height：500px；
    }

</style>

<div>
    xxxxxxxxxxxx
    <img src="xxx" alt="xxx">
    xxxxxxxxxxxx
</div>


<style>
    img{
        /* 设置图片的垂直对齐方式居中，防止文字与图片底部对齐 */
        vertical-align:middle;
    }
	
</style>

颜色取值

div{
    /* 1.通过英语单词取值 */
    background-color:blue;
    
    
    /* 2.颜色的十六进制取值 */
    background-color:#aabbcc;
    	/* 当aa bb cc是成对出现 可以简写一个，如下 */
    	background-color:#abc;
    
   /* 3.rgb()取值   rgb(红色值,绿色值,蓝色值)*/ 
   background-color:rgb(255,255,255);/* 白色 */
    
   /* rgba(红色值,绿色值,蓝色值,透明度（取值在0-1之间） */
   background-color:rgba(255,255,255，0.4);
}

透明度

div{
    
    /* opacity属性设置透明度-->取值范围为0-1 IE8不支持*/
    opacity: 1;
    /* 兼容IE */
    filter：alpha(opacity=50)
    
}

注：rgba仅仅只是颜色的透明，opacity是整个标签透明