1.当我们需要访问某个网站的时候，我们需要下载服务器资源
2.下载的资源有页面(html)，样式(css)，图片(img)，js（行为）
3.我们需要将这些资源进行分类：装入不同的文件夹里面
4.两种文件夹的创建方式1）以功能去创建文件夹2）以资源文件的类型创建文件夹（简单的项目推荐这种）
5.首先创建页面home.html
6.页面命名的方式：按照当前页面的功能来命名：
全部小写，如果有多个单词一般情况下用-来连接company-news.html
7.可视区域和浏览器区域
8.第一阶段：项目要求：div+css+flex布局
9.html  就只有一个标签 div 其他标签都是通过div封装来的
        <div>1</div>有12个字符，如果是<p>1</p>,有可能会有30个字符
        1)如果用手机访问：流量会变得更多
        2）如果在信号不好的地方：用其他标签加载时，会变得很慢，用户友好度减少
        3.div我们把他叫做盒子，容器，块，元素，标签
10.css 主要是用于设置样式:比如字体颜色，背景颜色，边框大小，背景图片等等
11.所有的页面展示的内容不允许脱离div,无论字符还是图片都应该被div包裹着
12.一般情况下，动图是gif，图片背景透明png格式
13.div的的结构是上下结构：自动换行;
14.每个div应该包含相似的内容
-------------------------------------------------
15.先让div看得见:如果不知道div的大小，怎么设置样式:一般有两种方法
1）设置背景颜色(不推荐大家用)
2）设置边框（推荐）
16.设置样式：要对谁设置样式，就应该拿到对应的div？
17.怎么拿到需要的div容器？
1）通过类选择器来拿class:名字：见名知意
18.尽量不要将css直接写入到元素里面，要将他提取到专门写css的地方
19.可以写在head里面用<style></style>
20.一个页面最好单一职责，写自己的东西，不要有其他不相干的代码存在
21.将css通过外部引入到当前的页面
22.有时候，我们在css里面需要修改某个样式，但是，改不了。这时候我们需要将css写到其他地方
23.css的样式有一个就近原则：
-----------------------------------------
flex 布局
如果想用flex布局，那么必须设置当前div为flex容器：display:flex
1.如果想让当前div居中，必须对外面的div设置display容器
2.同时需要对当前div设置宽度,如果不设置宽度就是当前内容的宽度
3.边距：margin 外边距：自己离其他元素的距离
3.高度设置
4.为什么中间部分不用百分百，而用固定宽度？
---------------------------------------------------
今日内容：
1.div
2.css
    1）选择器.body > div > div:nth-child(1)
    2）背景颜色 background-color:#99ff2f；background-color: red;background-color: rgb(12,12,12)
    3）字体颜色  color:red;
    4)字体大小font-size: 30px;
    5）外边距，内边距，边框
    6）height: calc(1000 * 808px / 1920);
3.flex
    左右居中：要让谁居中，就在它外面的div设置display，自己要设置宽度
    display: flex;
    justify-content: center;
    ---------------------------
明日内容：
1.上下居中
2.左右居中
3.文字上下居中
4.文字左右居中
5.div设置
6.css样式设置
7.码云：版本控制，github
--------------------
${company.logo}
2022-5-25
到项目组后，我们的代码必须保持更新，所以我们需要用到专业工具：版本控制;码云 gitee
1.下周git  64位的软件进行安装
2.打开idea，选择VCS-import into --create  git 仓库，选择当前项目，点击OK
3.点击项目右键，选择git---add
4.点击右上角，绿色的勾勾，选择commit进行提交：输入提交信息
6.在码云官网去申请注册码云账号：点击右上角，新建仓库
7.创建仓库名称一般情况下和项目名称一直（最好一致）,得到远程仓库的地址
8.点击VCS--git--push-输入地址 https://gitee.com/rains2711/canyin01-0523.git，点击push
注意：
1.空文件夹不会提交，
2.提交信息尽量详细
3.提交的数据代码应该能够正常的运行
4.每次提交之前，应该同步代码（将网络上的代码下载到本地）VCS--git--pull 拉取最新代码
5.不是自己的模块，不要去修改别人的代码，如果非要修改，则通过沟通文件（邮件），更改控制叫他去修改
-----------------------------------------------------------------
代码下载：

1.下周git  64位的软件进行安装
2.找到你想将项目下载的地址
3.点击右键，选择git base here，弹出面板
4.输入git clone https://gitee.com/rains2711/canyin01-0523.git,按enter键进行下载
5.下载后关闭面板，通过idea，file---open---选择自己下载的项目，点击OK即可

2022-5-24
background-color: rgb(230, 145, 55);
height: 50px;
display: flex;
align-items: center;
/*上下为0 左右 20*/
padding: 0 20px;
/*    字体上下居中用行高*/
line-height: 50px;
.nav > div > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
    /*    鼠标移上去编程其他样式*/
    cursor: pointer;
}
自定义属性，自定义元素，分组选择器，奇偶数

2022-5-25
1.公用的css  很多地方的样式都一样，我们可以提取公共的css
2.左右对齐
3.字体设置
4.单行溢出
5.border-bottom: 1px dotted gray;边框形状

最主要的样式：flex布局
想要对谁控制，就在谁的外面的div设置display样式
----------------------------------------
display:flex 指div 左右对齐，上下对齐
background-image:url("");背景图片
background-size:背景图片大小
background-color：背景颜色
color:字体颜色
font-size
font-weight
font-family
border:1px solid red;
margin:5px 10px 15px 20px;
padding
cursor:pointer
hover 鼠标移上去，改变样式
line-height:字体上下居中
text-align:center文字左右居中
content: url("../img/bdingwei.png");修改图片的地址

2022-5-26
当我们做第二个页面的时候，发现头部和底部是一样的代码，如果出现修改个别数据
会发生到处都需要修改
所以，我们可以对公共部分进行提取
1.首先创建html文件
2.创建css文件
注意：自己的样式应该在自己的html里面
3.将三个html文件合并成一个html文件
jquery 里面的load方法
我们需要手动的将几个页面放在一起，这里就需要实现某些方法
如果要用jQuery必须加载jQuery的框架
$(function () {
    $("#top").load("top.html");
    $("#foot").load("foot.html");
});
common.js 将js放入公共的js文件
导航应该可以进行点击跳转页面
公司页面下面产品移动（轮播）
添加动画  animation: move 5s linear infinite;
@keyframes move