发表于: 2018-09-10 01:31:40

1 678


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

今天完成了针对于flex的一些东西,但是也只是一些皮毛吧,尤其是主轴和水平交叉轴
明天计划的事情:(一定要写非常细致的内容) 

明天计划回顾一些基础的只是,关于HTML的一些布局方式还有语义化的标签等等
遇到的问题:(遇到什么困难,怎么解决的) 

就是布局的一些问题,还有一些的默认属性值是多少的问题,这些东西以前都是遇到了后才去解决的,平时都没有一些概念

收获:(通过今天的学习,学到了什么知识)

回顾了一些的知识

HTML里面的表头,像<head>标签就是显示表头的,是一个容器,里面包含了要写在表头的各种属性和信息,一些像<line>标签作为连接的标签可以写在这里作为连接,这里写的东西除了<title>里面写的东西会显示为标题头部以外,其他的东西都不会显示网页当中,只有写在<body>和          的才会显示在网页当中,其中的<link>标签是一个外部引用的链接标签
写在<head>里面的有一个<meat>标签是说明,这个html里面的文档的一个字库,在不做其他的改变的时候都是用的这字库
<body>代码都是写在这里面的,写的代码在这里面是会显示出来的,是主要的内容
其中还有一个外部引用的链接,链接到外部文件<a href="02个人节目.html">进入新的界面</a>也可以这样
<a href="http://www.baidu.com" target="_blank">点我点我</a>
直接输入网站进入界面
href是英语hypertext reference超文本地址的缩写

<p>标签,是一个块级元素标签,是一个段落标签,定义了段落的意思,是英文 paragraph段落的缩写 从学习p的第一天开始,就要死死记住:p标签是一个文本级标签,p里面只能放文字、图片、表单元素。其他的一律不能放。
错误写法:(尝试把 h 放到 p 里)
浏览器自己做了一个封闭式的标签
容器级标签:div、h系列、li、dt、dd。容器级标签里可以放置任何东西
<div> 是一个块级元素, div的语义是division“分割”div标签里面可以放很多东西,甚至是<div>标签自己
<centent>是一个标签,里面的东西都会在浏览器内属于居中,不过在HTML5里面基本不用

HTML里面有许许多多的标签,其中就包括了块级标签和行内标签,属性是给一个标签里面的做一个辅助信息,在浏览器的时候可以打开F12开发者模式

<centent>是一个标签,里面的东西都会在浏览器内属于居中,不过在HTML5里面基本不用


里面来看下检查下有那些错误和BUG,以及默认的属性这样的

justify-content:flex-start:是默认的左对齐方式
justify-content:flex-end:靠右边对齐的方式
justify-content:centent:居中对齐
justify-content:space-between:两端的相互水平对齐,和中间的保持一致距离
justify-content;space-round:两端都有边框,中间的对齐,两端的边框要比中间的距离要小
aling-items:这个属性是定义在交叉轴上如何对齐的
它也有五个值,对齐的方式和交叉轴的方向有关
align-items:flex-start这个是在交叉轴的起点对齐
align-itmes:flex-end这个是在交叉轴的终点对齐
align-itmes:centent交叉轴的中间对齐
align-itmes:baseline项目的第一行文字对齐
align-itmes:stretch,如果说没有设置一些额外的宽高的,或者auto的话,那么它会占满全部容器的高度
align-content:这个属性定义了里面多根轴的对齐方式,但是如果只有一根轴的话是没有用的,那么它也有6个值
align-content:flex-start和交叉轴的起点对齐
align-content:flex-end与交叉轴的重点对齐
align-content:flex-centent与交叉轴的重点是对齐的
align-content:space-between与交叉轴的两端对齐,在轴线之间的间隔平均分布
align-content:spce-around每根线的两侧间距都相等,那么轴线之间的间隔比边框还要大
align-content:stretch:轴线占满整个交叉轴
order属性是定义项目的排列顺序,数值越小的话,排名越靠前,默认的是0
order:<integer>
flex-grow,属性定义项目的放大比例,它的默认是0,如果存在了生于的空间也不会放大




返回列表 返回列表
评论

    分享到