CSS教程舞蹈简单可爱

你可能听说过CSS，那么，CSS是什么呢？CSS（层叠样式表）用于控制HTML页面的外观和布局，在网站设计中至关重要！下面就跟我一起学习CSS，跳一支简单又可爱的舞蹈吧！

/** 加载CSS文件到HTML文件*/link rel="stylesheet" href="styles.css">
/** 把背景色设置成淡粉色*/body {
    background-color: #FCE6C9;
}
/** 创建一个主要标题*/h1 {
    color: #FF9999;
    text-align: center;
    font-size: 3em;
    margin-top: 2em;
}
/** 创建一个用于容纳舞蹈视频的div*/#dance {
    width: 500px;
    height: 300px;
    margin: 0 auto;
    margin-top: 3em;
    background-color: white;
    border: 3px solid #FF9999;
    box-shadow: 5px 5px 8px #888888;
}
/** 在div中插入视频*/#dance video {
    width: 100%;
    height: 100%;
}
/** 创建一个包含简介的div*/#intro {
    width: 500px;
    margin: 0 auto;
    margin-top: 2em;
    background-color: white;
    border: 3px solid #FF9999;
    box-shadow: 5px 5px 8px #888888;
}
/** 设置文本字体和大小*/#intro p {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 1.2em;
    padding: 1em;
    text-align: justify;
}
    

好了，现在CSS的教程已经结束了。如果你按照上面的代码在HTML文件中加入了指定的元素和ID，你就可以在你的网站上显示一个可爱的舞蹈视频，以及一个简介。CSS和舞蹈一样，听起来很困难，但学会后会使网页看起来更加动态而有趣！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！