css中*号代表的是全部元素，如body，div等等都包括，padding的意思内边距，具体理解看图：
padidng-top的意思是：所有元素都具体上边移动30px；具体看下代码：
<html>
<head>
<style>
*{
padding-top:30px
}
.keepbj{ //通过class来设置
width:100px
height:50px
border:1px solid #f00
}
</head>
<body>
<div class='keepbj'>
</div>
</body>
</html>
给一个border便于观察。
五角星
复制代码 代码如下:
#star-five {
margin: 50px 0
position: relative
display: block
color: red
width: 0px
height: 0px
border-right: 100px solid transparent
border-bottom: 70px solid red
border-left: 100px solid transparent
-moz-transform: rotate(35deg)
-webkit-transform: rotate(35deg)
-ms-transform: rotate(35deg)
-o-transform: rotate(35deg)
}
#star-five:before {
border-bottom: 80px solid red
border-left: 30px solid transparent
border-right: 30px solid transparent
position: absolute
height: 0
width: 0
top: -45px
left: -65px
display: block
content: ''
-webkit-transform: rotate(-35deg)
-moz-transform: rotate(-35deg)
-ms-transform: rotate(-35deg)
-o-transform: rotate(-35deg)
}
#star-five:after {
position: absolute
display: block
color: red
top: 3px
left: -105px
width: 0px
height: 0px
border-right: 100px solid transparent
border-bottom: 70px solid red
border-left: 100px solid transparent
-webkit-transform: rotate(-70deg)
-moz-transform: rotate(-70deg)
-ms-transform: rotate(-70deg)
-o-transform: rotate(-70deg)
content: ''
}
透明色：transparent
背景色设为透明，代码如下：background-color:transparent
字体颜色设为透明，代码如下：color:transparent
扩展资料：
常用颜色代码分4种，分别如下：
1、常用颜色单词，比如green（绿色），yellow（黄色），red（红色），transparent（透明色）等；
2、以#号开头的六个字符组成的颜色代码，比如：#FF0000（红色），#000000（黑色），#F9F900（黄色）等；
3、颜色rgb值，表达方式：rgb(参数1，参数2，参数3)，三个参数分别表示r，g，b
1）R：红色值。正整数 | 百分数
2）G：绿色值。正整数 | 百分数
3）B：蓝色值。正整数 | 百分数
4、rgba(参数1，参数2，参数3，参数4)，这种方式前三个参数与上面第3点种相同，第四个参数表示透明度，数值在0-1之间。0表示透明度为0（即透明色），1表示透明度为1（百分百）。
