发表于： 2020-02-19 23:32:36
1 1307
一.今日完成的内容和收获：
1.避免乱码使用UTF-8（保证字符收集的数量）或者gb2312（追求显示速度）
2.html和css的一些基本概念、标签
3.css样式：
（1）内联式：直接把css代码写在现有的html标签中；
（2）嵌入式：<style type="text/css">
（3）外部式：在<head>内使用<link>标签将css样式文件，如<link href="名称.css" rel="stylesheet" type="text/css">
4.选择器：
（1）标签选择器：<body>、<h1>、<p>等等
（2）类选择器：.类选择器名称 {css样式代码；} ，class=“类选择器名称”
（3）ID选择器：#选择器名称 {css样式代码；}， id=“类选择器名称”
（4）子选择器：大于符号（>），用于选择指定标签元素的第一代子元素
5.盒子模型：每个都包含四个方向，顺时针方向上，右，下，左
（1）内边距（padding）
（2）边框（border）
（3）外边距（margin）
（4）元素：包含高度（height）、宽度（width）
6.浮动：float属性定义元素往哪个方向浮动，包括左浮动（left）、右浮动（right）、none（不浮动，默认值）、inherit（继承父元素的float的值）
二.做九宫格遇到的问题：
问题1：刚开始宽度和高度都设置的100px，都向左浮动，但是没法让盒子去第二行，后再去仔细看了一遍float浮动的内容，才知道要第一行的宽度满了之后，盒子会自动到第二行。
问题2：测试后，宽度设置为31%，刚好大概出现一个九宫格的样子，这个时候在改高度（height）发现起不到作用了，后来在坑乎上找到了解决方法，更改内边距padding-bottom来显示高度。
三.明天的计划
九宫格的代码已经完成，也基本能够实现，明天配置nginx，手机上直接访问页面；检查自己的任务，查看深度思考的问题，在巩固一下今天所学知识点；如果顺利的话，进行到任务二。
返回列表
评论