[西安|荣耀师兄]UI-阮少凡|2018年11月06日的日报-技能树.IT修真院

发表于： 2018-11-06 23:01:01

1 756

今天完成的事：

一.常见的inline元素、block元素、inline-block元素有哪些？它们之间有什么区别？

每个html标签元素都有其默认的元素类型，主要包括两大类:inline内联元素、block块元素。除默认为以上两种，还有部分标签元素叫可变元素，会根据上下文语境决定该元素为inline元素或是block元素。在css里，有一个display的属性，他规定元素应该生成的框的类型。可能的值有很多，inline、block、inline-block,其中inline-block是在css2.1里新增的值。具有这个值的元素，我们可以把它叫做inline-block元素。
-------------------------------------------------------------------------------------

二.inline元素、block元素、inline-block元素的具体解释

1.inline元素：一个内联元素不会开始新的一行，并且只占有必要的宽度。
特点：和其他元素都在一行上；
元素的高度、宽度、行高及顶部和底部边距不可设置；
元素的宽度就是它包含的文字或图片的宽度，不可改变

常见的inline内联元素：

span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q（短引用）、textarea、select、small、sub、sup，strong、u（下划线）、button（默认display：inline-block））
-------------------------------------------------------------------------------------

2.block元素：一个块级元素总是开始新的一行，并且占据可获得的全部宽度(左右都会尽可能的延伸到它能延伸的最远)

特点：每个块级元素都从新的一行开始，并且其后的元素也另起一行。（一个块级元素独占一行）;
元素的高度、宽度、行高以及顶和底边距都可设置;
元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度

常见的block块级元素：
div、p、h1…h6、ol、ul、dl、table、address、blockquote、form
-------------------------------------------------------------------------------------

3.inline-block元素：它像内联元素，但具有宽度和高度。

特点：和其他元素都在一行上；
     元素的高度、宽度、行高以及顶和底边距都可设置。
   常见的inline-block内联块元素：
     img、input

二，编辑器：就是纯粹编辑文本的编辑器、

IDE：是带有软件开发功能的“集成开发环境”。

准确来说呢，IDE里面除了编辑器，还有很多其他东西。
编辑器的本质是可以写字符就行,像windows自带的写字板就是最简单的编辑器,他的识别级别在

文字级,他只显示你想写入,和打开的文本内容.他不管你写什么内容.只提供接收与显示功能。
IDE是集合了sdk, 语言支持包, 函数库, 编辑器在一起的软

件,或者集合.可以支持你要学的特定编程语言的. 他的"识别级别"比编辑器高一级, 可以识别到编程语言, 或者这种语言的库. 往往用起来更方便.

或者更专业。
集成开发环境（IDE，IntegratedDevelopment Environment ）是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试

器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套（组

）都可以叫集成开发环境。如微软的Visual Studio系列，Borland的C++ Builder、Delphi系列等。该程序可以独立运行，也可以和其它程序并用。IDE多

被用于开发HTML应用软件。例如，许多人在设计网站时使用IDE（如HomeSite、DreamWeaver等），因为很多项任务会自动生成

三.将任务三的代码上传至github上，通过不同网页查看.