这是用css写的圣诞树的代码,看不懂啊,能不能逐条翻译一下,为什么这么写

html-css07

这是用css写的圣诞树的代码,看不懂啊,能不能逐条翻译一下,为什么这么写,第1张

<类型>

* {填充:0;保证金:0;}

位置:相对。树{;}

树的div。{ position:绝对;宽度:0;高度:0;}

树。木材{宽度:20px;高度:50px;背景颜色:灰色;左:50%;margin-left: - 10px;顶:170px;}

。A1 {边境:40px固绿;边境上:40px固体# FFF;左:50%;margin-left: - 40px;高层:0;}

A2。{左边界:40px固绿;边境上:40px固体# FFF;左:50%;高层:0;}

B1。{边界:70px固体绿;边境上:固体# FFF 70px;左:50%;margin-left: - 70px;顶:20px;}

。B2 {左边界:70px固体绿;边境上:固体# FFF 70px;左:50%;顶部20px;}

。C1 {边界:100px固绿;边境上:100px固体# FFF;左:50%;margin-left: - 100px;顶:70px;}

C2。{左边界:100px固绿;边境上:100px固体# FFF;左:50%;顶:70px;}

</样式>

<div class=“树”>

<div class=“木”><数据>

<div></div = C1类><div></div = C2类>

<div></div = B1类><div></div = b2类>

<div class=“A1”></div><div class=“A2”><数据>

<数据>

VSCode或者Hbuilder软件。

根据酷库博客网资料显示,200行Html5+CSS3+JS代码可以实现动态圣诞树,推荐使用VSCode,在Hbuilder运行也是可行的。

代码就是程序员用开发工具所支持的语言写出来的源文件,是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。