发表于: 2021-03-08 21:06:57
1 1015
今天完成的事情:巩固了任务一二!
明天计划的事情:努力补齐基础知识!才能继续后面的任务。
遇到的问题:基础知识太差劲了!inline元素、block元素、inline-block元素不太了解。night不会配置
收获:了解了CSS的内联;页联和外联。及外联的link和@impoetde的使用区别。
明白了meta和viewport!
(视区)viewport:用户页面的可视区域。 meta标签:对viewport进行控制,以达到我们想要的效果。
meta viewport 的属性和值
width :设置layout viewport 的宽度,为一个正整数,或字符串"width-device"
initial-scale: 设置页面的初始缩放值,为一个数字,可以带小数
minimum-scale :允许用户的最小缩放值,为一个数字,可以带小数
maximum-scale :允许用户的最大缩放值,为一个数字,可以带小数
height: 设置layout viewport 的高度,这个属性对我们并不重要,很少使用
user-scalable: 是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许
明白一些基础代码和用法;文本设置:1,font-size:字号参数;
2,font-style:字号格式;
3,font-weight:字体粗细;
4,颜色属性:color:颜色参数。
背景:1、背景颜色:background-color: 参数;
2、背景图片:background-image: url(URL)URL就是背景图片的存放路径,none表示无;
3、背景图片重复:background-repeat: 参数; 参数取值范围 :no-repeat:不重复平铺背景图,repeat-x:使图片只在水平方向上平,repeat-y:使图片只在垂直方向上平铺。
列表:list-style-type(列表样式)。
评论