切图仔的一点小心得

前言:

如果能在毕业三年后,社招进入阿里,那么我觉得我就此生无憾了。所以,现在就开始打底子,为了更美好的明天,拼命吧。

对了,刚开始可能会基础一些,后面更新的会慢慢的变得深入和复杂。(其实前端也没啥复杂的玩意。。。emmmm....)

核心内容:

标签分类:

H5的标签,按照其属性的不同,可以划分为两类:行内标签和块标签(也有人叫内联元素和块状元素,这些都无所谓,能区分即可)

  • 行内标签:
1,行内标签无法设置宽高

2,行内标签不会独占一行,会连续占满一行,直到换行

3,行内元素不能包含块级元素,只能容纳文本或者其他行内元素
  • 块状元素:
1,块状标签可以设置宽高度

2,块元素独占一行

3,块属性标签的宽度假如不做设置,会直接默认为父元素宽度的100%

4,块级元素可以包含行内元素和块级元素,还可以容纳内联元素和其他元素
  • 行内块元素:
1,结合的行内和块级的优点:能够设置宽高,并且在一行内独立显示

转化方式:

  • 块级标签转换为行内标签:
display:inline;
  • 行内标签转换为块级标签:
display:block;
  • 转换为行内块标签:
display:inline-block;

常用标签举例:

行内标签:

定义超链接

字体加粗

定义在文档中的行内元素

向网页中插入题图像

输入框

小号字体效果


换行 字体加大加粗 强调的语气