Lemonade

LJT

0%

发表于

常用快捷键

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Ctrl+1  一阶标题           Ctrl+B  字体加粗
Ctrl+2  二阶标题           Ctrl+I  字体倾斜
Ctrl+3  三阶标题           Ctrl+U  下划线
Ctrl+4  四阶标题           Ctrl+Home   返回Typora顶部
Ctrl+5  五阶标题           Ctrl+End    返回Typora底部
Ctrl+6  六阶标题           Ctrl+T  创建表格
Ctrl+L  选中某句话          Ctrl+K  创建超链接
Ctrl+D  选中某个单词        Ctrl+F  搜索
Ctrl+E  选中相同格式的文字   Ctrl+H  搜索并替换
Alt+Shift+5 删除线         Ctrl+Shift+I    插入图片
Ctrl+Shift+M    公式块     Ctrl+Shift+Q    引用
Ctrl+Shift+K    代码块     Ctrl+Shift+L    是否显示左边框

注：一些实体符号需要在实体符号之前加”\”才能够显示
​
1
2

***

: + 英文 emoji表情
— + 回车 分割线
单引号包含 行内代码
[toc] + 回车 目录

发表于

浏览器内核

  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.行内元素只能行内元素，不能包含块级元素

发表于 更新于

1.标签由标签名、标签属性和文本内容三部分组成（注意：单标签没有文本内容）。

2.标签属性是对标签的一种描述方式。

3.标签属性分通用属性、自有属性和自定义属性。

4.通用属性:所有标签都具有的属性（除<br />标签外）。
​ 通用属性有：
​ id：用来给标签取一个唯一的名称。id名称在一个网页必须是唯一的。
​ class：用来给标签取一个类名。
​ style：用来设置该标签的行内样式。
​ title：当鼠标移到该标签，所显示的提示内容。

5.自定义标签属性：通常用来传值或用于图片懒加载等方面。
​ 格式：data-*
<img data-src="图片名" alt="提示文本"/>

1
<p data-id="goodsid">...</p>

6.table主要用于呈现格式化数据。表格是由行和列组成。
​ 格式：

1
2
3
4
5
6
7
8
<table>
           <tr>
               <th></th>
               <td></td>
               …
           </tr>
           ...
       </table>

7.table属性
​ border:表格边框，默认单位是像素
​ width:表格宽度，默认单位是像素
​ align:表格对齐方式（left（默认）/center/right）
​ cellpadding:单元格文本与边框的距离
​ cellspacing:单元格边框间距

8.跨行/跨列属性主要用来绘制复杂表格。
​ rowspan:跨行
​ colspan:跨列

9.完整表格组成：caption（标题)、thead（表头）、tbody（表体）和tfoot（表尾）四部分组成。

10.form表单标签是所有标签最核心标签之一。它是用来实现前后端交互的一个重要标签。
​ 常用属性：
​ name:表单名称
​ action:表单数据提交的地方(通常是一个后台文件名(.jsp/.php/.asp/.aspx/.py等），或网址）。如果是#，表示提交到当前文件下。
​ method:前端提交数据到后端的方法，主要有：get和post,默认的是get。

11.表单元素分为：
​ 1）input类：主用用来输入，选择或发出指令。
​ type:text/password/radio/checkbox/file/button/image/submit/reset
​ a.text:单行文本输入框 type=”text”可以不写，默认值。
​ 属性：placeholder(提示）/name（命名）/minlength和maxlength（最少/多输入的字符个数）/disabled（失效）/readonly（只读）
​ value（默认值）/pattern（正则匹配）
​ b.password:密码框 属性与text一样
​ c.radio:单选钮，通常是两项以上。常用属性有：name（必须要有）/value/checked（选中）/disabled（失效）/readonly（只读）
​ d.checkbox:复选框，可以用来选择0项、1项或多项。
​ 常用属性有：name（必须要有）/value/checked（默认选中）/disabled（失效）/readonly（只读）
​ e.file:文件上传按钮
​ f.button:普通按钮，通常用它去调用脚本代码。
​ 常用属性有：value（按钮的标题）/disabled（失效）
​ g.image:图片按钮，用法与button一样。有一个特殊属性：src(用来加载提示图片，用它替换了value)
​ 它有提交功能，与submit功能一样。
​ h.submit:提交按钮，用来将表单数据提交到后台。
​ 常用属性有：value（按钮的标题）/disabled（失效）
​ j.reset:重置按钮，将表单所有组件输入的内容全部清空，还原为初始状态。
​ 常用属性有：value（按钮的标题）/disabled（失效）
​ 2）textarea类
​ 文本域（也可以叫多行文本框），主要用于输入大批量的文本内容。
​ 常用属性：name/id/cols(列数)/rows(行数)/placeholder/minlength/maxlength/required(必须输入)/value
​ 3）select类
​ 下拉列表框，默认用于单项选择。用option呈现每个选项。
​ multiple属性：表示可以多选，这时的下拉列表框变成了列表框
​ size:最多显示的行数
​ 4）button类
​ 普通按钮，具有提交功能。可以单独使用，不写在form元素中；如果写在form中，有提交功能。

12.iframe:框架集，是用来将多个网页文件组合成一个文件。
​ 常用属性：
​ name:框架名
​ src:引入的外部html文件
​ scrolling:滚动条(yes/no/auto)
​ width:宽度(%/px)
​ height:高度(%/px)
​ frameborder:是否有边框(1/0)
​ marginheight:框架离顶部和底端的距离(%/px)
​ marginwidth:框架离左右的距离(%/px)

注意：
    在实际开发，尽量减少使用iframe，因为它破坏了前进和后退功能，且不利于SEO。