Lemonade

LJT

0%

HTML学习笔记1

发表于

浏览器内核

  1. Trident内核：代表产品IE,又称为IE内核。是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器有:IE、
    遨游、世界之窗浏览器、腾讯TT等等。

  2. Gecko内核：代表产品Mozilla FirefoxGecko是一套开源的，C++编写的排版引擎。使用它最著名的浏览器有
    Firefox,Netscape 6至9。

  3. WebKit内核：代表产品有Safari，主要用于Mac OS系统。使用它的浏览器是Safari和谷歌浏览器Chrome。

  4. Presto内核：代表产品OperaPresto是由Opera Software开发的浏览器排版引擎，它是世界公认最快的渲染
    速度的引擎。在13年之后，Opera宣布加入谷歌阵营，弃用了。

  5. Blink内核：由Google和Opera Software开发的浏览器排版引擎，2013年4月发布。现在Chrome和Opera内
    核是Blink。

    转义字符

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    &lt                                小于符号

    &gt                                大于符号

    &nbsp                              空格

    &amp                                &

    &copy                               版权（©）

    &times                              ✖

    &divide                             ÷

    HTML块级元素和行内元素

    根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有
    默认的display属性值，比如div元素，它的默认display属性值为block，成为“块级”元素(block-level)；而
    span元素的默认display属性值为inline，称为“行内”元素。

    块状元素

    块级元素会独占一行，其宽度自动填满其父元素宽度，一般情况下，块级元素可以设置 width, height
    属性一般用来搭建网站架构、布局、承载内容……

1
address、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、menu、noframes、ol、p、pre、table、ul等。

行内元素

​ 行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下才会换行，其宽度随元素
的内容而变化，行内元素设置width和height无效。一般用在网站内容之中的某些细节或部位，用以“强调、
区分样式、上标、下标、锚点”等等。

1
a、b、bdo、big、small、br、cite、em、font、i、img、input、kbd、label、select、span、strong、sub、sup、textarea等。

区别

1
2
3
4
5
6
7
8
9
10
块级元素
 1.总是从新的一行开始
 2.高度、宽度都是可控的
 3.宽度没有设置时，默认为100%
 4.块级元素中可以包含块级元素和行内元素
行内元素
 1.和其他元素都在一行
 2.高度、宽度以及内边距都是不可控的
 3.宽高就是内容的高度，不可以改变
 4.行内元素只能行内元素，不能包含块级元素