2023-02-28 学习日报

一、学习内容

使用flex布局完静态网页

二、.今天的知识点
1.引入css样式基本使用
2.flex 常用属性
3.引用公共的底部html

1.引用css样式

<link type="text/css" rel="stylesheet" href="../css/test.css">

2. flex css 基本属性

 
display: flex; /*定义flex*/
flex-wrap: wrap;/*自动换行*/
flex-wrap: nowrap;/*不换行换行，默认不换行*/
flex-wrap: wrap-reverse;/*换行，反序排列*/

ustify-content: center;/*居中对齐*/
justify-content: space-between;/*两端对齐*/
justify-content: flex-end;/*居右对齐*/
justify-content: flex-start;/*居左对齐*/
justify-content: space-around;/*平均对齐*/

3.使用iframe 引用公共的底部

 <iframe src="../html/bottom.html" width="100%" height="100%"  frameborder="0" scrolling="no" name="headFrame"></iframe>

今日知识点：

1.flex布局

2.iframe 标签使用

3.link 引入css

三、.今天有什么好的表现

熟悉并使用flex 完成网页布局代码编写

四、.今天有什么不懂的吗？

暂时没问题！

五、.今天有什么事发生吗？

完成第一阶段静态网页编码

六、.有什么需要帮助的吗？

暂无！