发表于: 2018-10-22 21:49:50
1 556
今天完成的事情:
(1)学习了CSS边框属性:border-radius属性用于创建圆角边框,值可以是长度值和百分值。
box-shadow属性给边框添加阴影。语法:box-shadow: h-shadow v-shadow blur spread color inset;
(2)学习背景属性:background-size规定背景图片的尺寸。
值cover将背景扩展至足够大,使背景完全覆盖背景区域,背景图像的某些部分可能无法显示在背景定位区域。
值contain将背景扩展至最大尺寸,使其高度和宽度完全在内容区域。
百分比值,尺寸相对于父元素的宽度和高度。
length值,设置高度和宽度。
(3)学习文本效果
text-shadow属性向文本设置阴影,语法:text-shadow: h-shadow v-shadow blur color;
word-wrap属性允许长单词或者URL地址换行。word-warp:break-word;
(4)2D转换transform:
translate(x,y)定义元素从当前位置移动
rotate(xdeg)定义元素顺时针旋转x度
scale(x,y)定义元素的尺寸增加或减少的倍数
skew(x,y)根据给定的水平线或垂直线旋转
(5)编写部分任务五
明天计划的事情:
编写任务五,学习bootstrap
遇到的问题:
暂无
收获:
了解了CCS3中边框、文本和转换的属性
评论