当前位置: 代码迷 >> 综合 >> day7-8
  详细解决方案

day7-8

热度:18   发布时间:2023-12-12 03:57:17.0

2020年10月19日晚-21日

第七天到第八天,学习布局

学习总用时:8小时

学习了布局!

一个页面的各个部分:

1.header
2.section
3.nav
4.main
5.footer


常用html标签笔记:

p:定义段落(paragraph)
section:定义部分
article:定义文章
div:定义文档中的节(division(分开、块))
ul:定义无序列表(unordered List)
li:定义列表的项目(list item)
ol:定义有序列表(ordered lists)
header:定义 section 或 page 的页眉。
br: 换行( blank row)
button:定义按钮
a:定义锚
span:定义文档中的节
td:定义表格中的单元
nav:定义导航链接(navigation导航)


常用CSS属性笔记:
font-family:规定文本的字体系列
flex-wrap:指定 flex 元素单行显示还是多行显示 。
flex-flow:是flex-direction 和 flex-wrap的缩写(flex弯曲、弹性。flow流)
align-items 控制 flex 项在交叉轴上的位置。(排列-项目)
justify-content 控制 flex 项在主轴上的位置。


html嵌套规则:

  1. 块元素可以包含内联元素或大多是块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素
  2. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:
       h1、h2、h3、h4、h5、h6、p、dt
    3.块级元素与块级元素并列、内联元素与内联元素并列: