发表于: 2018-08-18 23:32:00
1 672
今天完成的事情:写了为什么选择编程王部分的样式
搭建了让孩子从容面对未来部分的结构
明天计划的事情:添加让孩子从容面对未来部分的样式
遇到的问题:在写强强联合部分的时候没写好,不清楚怎么写。然后,用了flex写出来了。
收获:有趣的课堂内容部分左边有背景颜色,右边又写了背景图片,要用到背景颜色和背景图片的简写方式。用到背景的时候,就会用到背景颜色,背景图片,背景图片的尺寸,背景图片的大小,背景图片的位置。简写的时候一般都包括背景颜色,背景图片,背景图片的重复方式或不重复,背景图片的位置。
传统的页面布局是基于盒状模型,依赖 display属性 ,position属性 和 float属性。有时候这样的页面布局方式用起来不是很方便。除了传统的布局方式,还有一种布局方式,flex布局。flex布局出现于2009年,现在已经得到了所有浏览器的支持。任何一种容器都可以指定为Flex布局,使用了flex,块级元素就会排列成一行,也就可以进行相应的布局了。
和文字有关的一个用法是文字的水平对齐方式text-align。文本的对齐方式有三种,靠左对齐,居中对齐,靠右对齐。靠左对齐用left,居中对齐center,靠右对齐用right。
评论