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嵌套规则:
- 块元素可以包含内联元素或大多是块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素
- 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:
h1、h2、h3、h4、h5、h6、p、dt
3.块级元素与块级元素并列、内联元素与内联元素并列: