[上海|荣耀师兄]JS-林璇|2018年09月04日的日报-技能树.IT修真院

发表于： 2018-09-04 22:15:55

1 724

今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

1：今天完成了任务四的全部内容，然后学会了一些语义化的标签就像<header>这个

是在HTML5里面新添加的标签,标签定义文档的页眉，在这里面的作用是非常大的

可以更加详细的显示你想要的信息。

明天计划的事情：（一定要写非常细致的内容）

明天我计划任务五的开始，任务五好像也是要切图的样子，还是要先去看一看才行的，

不懂的问题还是要多向师兄师姐请教下才行，像师兄们借一些关于CSS和HTML的书来看下
遇到的问题：（遇到什么困难，怎么解决的）

<header>这个是在HTML5里面新添加的标签，和原来的<head>标签有什么区别呢？

收获：（通过今天的学习，学到了什么知识）

1：转换成行内快标签：当一个行内元素如果要进行添加宽度和高度的时候需要这个进行转换的

2：二倍图的话计算出百分比以后要除以2

3：一篇博客是没有全部的内容的，当要找一样东西的时候，要翻出十篇文章出来找答案

4：每一项标签结束以后都会用</>来表示，这个结束了以后就可以重新开一个标签重新写了

5：标签选择器可以在写完一个以后再重新选择下一个，哪怕是相同的标签像

<span>这样的，也可以通过其他的选择器来选择，像这个

p:nth-of-type(2)，P可以是任何的标签，这个括号里面的2可以是父元素的第几个标签，他可以选择在父元素的子元素进行标签的选定

6：在设置垂直居中的时候可以使用这样的方法，设置line-height，把高度设置成为它的父级元素一样的高度，那么它就可以进行垂直居中了

7：边框input里面设置下，输入之前有字，输入后就没字了是这样输入的属性

placeholder=“这里面是你要输入的字”，一定要在属性里面输入，不在CSS里面输入，然后如果要去除边框的话可以这样输入：

outline: none;

border: 0;

这样的话。上面的边框就会消失了，或者可以打开开发者模式F12看一下，是否有边框和其他的，如果有撑起来的，可以设置0

8：inupt也是可以设置宽高的

9：type="number"，这个是限制只能输入数字的，别的输入不了。写在input里面

10：body里面就是由一个个盒子组成的，就像一个俄罗斯方块一样的，要弄清楚每一个盒子标签的特性，像块级元素，行内元素，行内快元素

11：vertical-align: middle;这个也是调节居中的一种方式

12：letter-spacing这个的代码意思是可以让字体的间距扩大或者缩小，

13：.deal::-webkit-inner-spin-button{

-webkit-appearance: none;

}

如果在intup的右边有个上下箭头的时候用上面的办法，做个类选择器就可以直接弄好了

14：oninput="if(value.length>11)value=value.slice(0,11)" />

上面的这个代码是用来规定输入的数字必须是多少位

15：line height是设置垂直居中的一种办法

16：HTML是什么东西呢？是超文本标记语言，作用是用来描述超文本中的显示方式，像颜色，字体大小等等

17：标签分为块级标签和行内标签

什么是块级标签呢？就是属于HTML的标签之一，作用是独占一行，而且可以设置宽高，两个块级标签在不设置浮动或者标签转换的情况下，是不会排列在同一行的，也就是换行排列，怎么写呢?<div class=""></div>在CSS里面添加要写的东西属性，就可以改变他的宽高，背景颜色等等，而且块级标签里面是可以包含了块级元素和行内元素的，那么宽度在没有设置的时候它的宽度是都少呢？是100%

18：那么行级标签是什么意思呢？行级标签也是属于HTML的标签之一

他的作用是不会独占一行。不可以设置宽高，在不转标签的情况下，是会并行排列的，像<span class=""></span>在里面写上你要写的东西，并且设置除了宽高属性意外的属性。也就是说它是不可以设置宽高的，那么不可以设置它的宽高的话，它的宽高是多少呢？答案是内容的高度和宽度，是不可以改变的，除非进行元素转换，而且在没有转换的时候是不可以包含块级元素的