库房管理系统--知识点总结_库房常见系统-CSDN博客

本文链接：https://blog.csdn.net/weienjun/article/details/78677668

块级元素与行内元素

HTML有很多标签，例如：span，div，p......但是有的就在一行显示，有的就会换行显示，这就涉及到了块级元素和行内元素。块级元素是指独自占一行且宽度会占满父元素的宽度。行诶元素不会独占一行，相邻行内元素可以排在一行。

常见的行内元素：DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 。

常见的块级元素：SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR

block inline inline-block区别

1.display:block
（1）block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。
（2）block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。
（3）block元素可以设置margin和padding属性。
2.display:inline
（1）inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。
（2）inline元素设置width,height属性无效。
（3）inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。
3.display:inline-block
简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。

utf-8

UTF-8（8-bit Unicode Transformation Format）是一种针对Unicode的可变长度字符编码，又称万国码。

平常我们熟知的是ASCII码，但是它是针对英语设计的，当处理汉语拼音时就会出现文字，所以这时，我们使用utf-8模式就可以在一定程度避免中文乱码情况发生。

<!DOCTYPE>标识

我们的view页面第一行都会有以下标识，对于大多数浏览器都没有什么用处，但是火狐浏览器如果没有这行标识就会出现问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

xhtml1-transitional.dtd">

此标签主要是告知浏览器文档使用哪种HTML或XHTML规范。上述代码的意思如下:

声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。