发表于： 2018-07-18 23:55:30
1 577
今天完成的事情：
1电脑有点问题，重装了系统和相关软件，花费了一些时间，所以学习的内容有点少。
2继续任务8，
3看了一点JS的基础知识
明天计划：
继续任务8
思考任务9学习响应式加网站布局，获得一个响应式的网站
遇到的问题：
任务8，content的垂直居中还是不够熟练，卡住了。
用align-items 去解决
该属性定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式
收获：
新的属性 :fit-content
固定宽度的div里面输入一厂串连续的英文字母，如果输入的足够多，文字会溢出来，而fit-content属性可以把内容包裹起来，一长串的英文字母会被默认为是一个单词，而汉字则不会有这个问题。一般情况下解决这类问题我会添加换行断点的属性，比如：word-wrap或者word-break。 width:fit-content表示将元素宽度收缩为内容宽度
它还可以配合margin：auto；用来设置元素居中
结构层 HTML 从语义的角度，描述页面结构
样式层 CSS 从审美的角度，美化页面
行为层 JavaScript 从交互的角度，提升用户体验
看了一点js觉得要多去理解程序，多去思考内在逻辑。 HTML、CSS有点重复型的敲代码；JS好需要你的逻辑去创造，虽然都是渲染界面，但很显然JS更有趣也更有挑战。
返回列表
评论