黄文超-20201029

transform:rotate(--deg)/旋转/
transform;all 3s/动画播放时长/ease/匀速运动/;/过度/ ease-in/匀加速/
transform:scale(0.3);/缩放/
                :skew()/倾斜/
                :translate()/平移/
                :matrix()/扭曲,2行三列三角函数的矩阵/
ctrl+shift+F:整理代碼
ctrl+/:注釋
overflow: hidden;/*子容器超出父容器的部分隐藏*/
CTRL+shift+delete:清除瀏覽器緩存
animation: change/动画名称/ 3s/持续时间/ ease/动画轨迹/ 1s backwards;/讓動畫停到最後一幀/
animation: change 3s ease 1s forwards infinite/循环播放/;
animation: change 3s ease 1s forwards infinite running/动画运行播放/;alternate动画播放轮流交替的顺序/
margin-top外边距 margin-bottom底边距 margin:0auto水平居中 margin-width边框像素
border-color 边框颜色 border-type边框类型
background-image: url(/*../返回上级目录*/)
background-size: 300px 300px;/*背景图片的大小*/
background-repeat:no-repeat -;/*背景图片平铺*/   
background-attachment: fixed;/*背景图片固定*/
background-position: -100px 0;/*背景图片平移*/
padding-top内边距
border 边界边框
content 内容
padding 内边距
background-image 背景图像
background-color 背景颜色
margin 空白页边距、
/*border-bottom-right/left-radius  border-top-left-radius: -right/left-radius: 100px;/左下角 右下角/
float:left/浮动/
快标签和行级标签的属性转变
快级标签加float(浮动)就有了行级标签不独占一行的特性

心得体会
通过三天的实训知道了非常及时、有用的代码提示和补全功能,特别是提示中提供的选项给使用者提供了很好的便利。
用margin居中时,需要知道宽度。通过实习,我把所学知识应用于实践,不仅巩固了已学知识,还提高了动手敲代码的能力。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1