17-css- 显示模式

1:.div(类目);直接按点div(.div)然后按住tab键就可以全部自动输入了!
2:input:text;直接输入input:text然后按tab就可以进行了!

显示模式

1:sublime快捷键

17-css- 显示模式_第1张图片
sublime快捷键.png

标签显示模式

标签显示模式.png

1:块级元素

17-css- 显示模式_第2张图片
标签显示模式块级元素.png

2:块级元素的特点

17-css- 显示模式_第3张图片
块级元素特点.png

3:块级元素

17-css- 显示模式_第4张图片
块级元素.png

行内元素

17-css- 显示模式_第5张图片
行内元素.png

行内元素特点

17-css- 显示模式_第6张图片
行内元素特点.png

行内元素

17-css- 显示模式_第7张图片
行内元素span.png

行内块元素

行内块元素.png

标签显示的转换

17-css- 显示模式_第8张图片
标签显示的转换1.png

17-css- 显示模式_第9张图片
标签显示转化2.png

块级元素与行内元素的区别

17-css- 显示模式_第10张图片
块级元素与行内元素的区别.png

CSS书写规范

17-css- 显示模式_第11张图片
CSS书写规范.png

你可能感兴趣的:(17-css- 显示模式)