知识点摘记

1.display属性，规定元素应该生成的框的类型

　　none，此元素不会被显示

　　block，此元素将显示为块级元素，元素前后会带有换行符

　　inline，默认值，此元素会被显示为内联元素，元素前后没有换行符

　　flex，指定元素为弹性盒子

　　inline-block，此元素将会显示为行内块级元素

　　list-item，此元素会作为列表显示

　　run-in，此元素会根据上下文作为块级元素或内联元素显示

　　table，此元素会作为块级表格元素显示（类似<table>），元素前后有换行符

　　inline-table，此元素会作为内联表格元素显示（类似<table>），元素前后没有换行符

　　table-row（表格行）、table-column（单元格列）、table-cell（表格单元格）……

2.<link>设置网页title图标，<link rel="icon" href="图标url">

3.<img>引用图片并设置超链接，<a href="#"><img src="图片url" alt=""></a>

4.<input>加载时文本框内提示文字设置，<input type="text" placeholder="请输入信息" />，默认值设置通过 value属性

5.text-align文本对齐方式，

　　text-align属性值：left（文本左对齐，默认值）、right（文本右对齐）、center（水平居中）、justify（两端对齐）

6.text-align-last文本最后一行对齐方式

　　text-align-last属性值：auto（默认值，最后一行被调整并左对齐）、left（最后一行左对齐）、right（最后一行右对齐）、center（最后一行水平居中）、justify（最后一行两端对齐）

7.position属性值：

　　static，没有定位，元素出现在正常的内容流中，忽略top、right、bottom、left或 z-index 的声明

　　relative，相对定位，相对于其在父元素中的正常位置进行定位，通过top、right、bottom、left属性进行偏移量设置

　　absolute，绝对定位，相对于static以外的第一个父元素进行定位，通过top、right、bottom、left属性进行偏移量设置

　　fixed，固定定位，相对于浏览器窗口进行定位，通过top、right、bottom、left属性进行偏移量设置

8.图片设置

　　background-image:url(" ")，引用背景图片

　　background-repeat:no-repeat，背景图片仅显示一次，不重复（平铺）

　　background-position:center，背景图片在元素中居中显示

9.animation

　　keyframes

10.cursor，定义光标样式，语法格式 <span style="cursor:属性值">文本或其它页面元素</span>

　　常用属性值：

　　cursor:point，手形（IE5之前版本使用 cursor:hand）

　　cursor:default，默认值

　　cursor:crosshair，十字准心

　　cursor:wait，等待/沙漏

　　cursor:progress，处理中

　　cursor:help，帮助

　　cursor:url(" ")，用户自定义（可用动画），url 地址文件的格式必须为“ .cur 或 .ani”

　　cursor:*-resize，**改变大小

11.模拟Gionee官网创建网页


源码： https://www.xin3721.com/temp/test.txt

　　出处：https://www.cnblogs.com/husa/p/13393311.html