您的位置：首页 > 其它

库房管理系统--知识点总结

2017-12-02 16:01 295 查看

块级元素与行内元素

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 的位置。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航