月落星辰

块元素–常见元素div

1.独占一行
2.默认宽度是父元素的宽度（即撑满父元素）
3.默认高度由其内容撑开，所以无内容时候（若没有其它样式，height…）就消失了

行内元素–常见元素span

1.只占本身内容大小（设定width,height不会生效）
如果源代码两个span，换行排列（存在换行），而浏览器对其识别成一个空格出现两个元素水平排列，之间存在缝隙。
2.多个行内元素渲染呈现从左往右依次排列，无法容纳时自动换行
3.默认宽高都是由内容撑开（行内元素是无法设置宽高的，若无内容区就消失了）

1.先强制一行内显示文本

white-space: nowrap;

2.超出部分隐藏

overflow: hidden;

3.文字用省略号替代超出的部分

text-overflow: ellipsis;

文章来源：https://baijiahao.baidu.com/s?id=1724607815488021505&wfr=spider&for=pc

首先找出特殊字符的编码，例如：9650 25B2 【正黑三角】

使用方法：after(伪类)

1

<div class="tempble"></div>

样式为：

.tempble:after{
　　content: “/9650 25B2”;//特殊字符或形状
}

这便会在样式为tempble的对象后渲染出一个特殊符号。

New : HTML5 新属性：

accesskey 设置访问元素的键盘快捷键。

class 规定元素的类名（classname）

contenteditableNew 规定是否可编辑元素的内容。

contextmenuNew 指定一个元素的上下文菜单。当用户右击该元素，出 现上下文菜单

data-*New 用于存储页面的自定义数据

dir 设置元素中内容的文本方向。

draggableNew 指定某个元素是否可以拖动

dropzoneNew 指定是否将数据复制，移动，或链接，或删除

hiddenNew hidden 属性规定对元素进行隐藏。

id 规定元素的唯一 id

lang 设置元素中内容的语言代码。

spellcheckNew 检测元素是否拼写错误

style 规定元素的行内样式（inline style）

tabindex 设置元素的 Tab 键控制次序。

title 规定元素的额外信息（可在工具提示中显示）

translateNew 指定是否一个元素的值在页面载入时是否需要翻译