今天完成的事情：温故css基础

1、方框

2、九宫格

3.自适应

二、加viewport

三、配置nginx并访问

1、pc端

2、手机端

一、css基础

1、概念：层叠样式 是一种表现html或xml等文件样式的计算机语言。css不仅可以静态地修饰网页，还可以配合各种脚本动态的对网页各元素进行格式化。Css能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型编辑能力。简单点说就是css通过给网页元素增加属性来修饰网页元素的。它定义如何显示HTML 元素，用于控制Web页面的外观。

要点：1.层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。2.属性就是css样式的名字，属性值就是属性后面写的值。如果该属性能取百分值（percentage），那么该百分值将如何解释。也就是百分值所相对的标准是什么。如margin属性可以取百分值，它是相对于margin所存元素的容器的宽度。

2、类选择器

类型选择器：类型选择器是来操做元素的属性的，选择器是一种模式，用于选择需要添加样式的元素。

二、盒子模型

1、概念:常见属性，内容(content),边框(border),外边距(margin),内边距(padding),这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式.

2、内容区content：

有三个属性，width，hight，overflow，前两个是设置宽高，假如内容区的内容长度超过内容区范围，那么设置overflow溢出属性来指定处理方法，overflow属性有四个值，hedden溢出区内容不显示，visible内容可见，但是显示在盒子外部，scroll时在盒子内部产生滚动条，auto时由浏览器决定怎么处理溢出内容

边框border：

有三个属性，border-style、border-width和border-color  用来设置border样式，宽度，和颜色

内边距padding 四个属性上下左右设置长度

外边距 margin 四个属性上下左右设置长度，俩个相邻的盒子，垂直或者水平，他们之间的距离不是相加之和而是取较大的值为准的距离。

盒子模型定位

文档流是网页默认的布局模式，在没有特殊要求的情况下，页面中块状元素呈现自上而下的动态分布形式，内联元素是自左向右的。

浮动float

让标签脱离文档流，元素脱离文档流之后，会产生一个块级元素，而不论它本身是何种元素。且不设置宽度的话它会尽可能的窄；另如果可供浮动的空间太小的话，它会跑到下一行，知道拥有足够放下它的空间。

position定位

相对定位就是不脱离文档流，以左上角作为参照物。绝对定位就是脱离文档流。

明天计划的事情：网上找一下攻略在本地布置一个gitlab，任务后的深入思考看一下

收获：1、学习了下CSS，更能清楚一些概念，选择器，元素，属性，属性值，块元素，行内元素，float

2、学习了nginx反向代理服务器，配置了本地路径，用tomcat应该也可以

遇到的问题：暂无