1、新建一个html页面。
2、在html代码页面找到<body>标签，在<body>标签里创建一个<p>标签，然后输入显示的内容并添加一个class类为 class="cont"。
3、找到<title>标签，在这个标签下面创建一个<style>标签，在<style>标签里设置class为cont的样式内容超出后为隐藏<style>.cont{overflow: hidden/*内容超出后隐藏*/}</style>。
4、为cont类添加内容显示为一行：white-space: nowrap，内容超出后显示为省略号：text-overflow: ellipsis。
5、保存好代码后使用浏览器查看效果。
:hover版本：CSS1/CSS2 兼容性：IE4+ NS4+设置对象在其鼠标悬停时的样式表属性。
:active版本：CSS1/CSS2 兼容性：IE4+
设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。
:link版本：CSS1 兼容性：IE4+ NS4+
设置a对象在未被访问前的样式表属性。
:visited版本：CSS1 兼容性：IE4+ NS4+
设置a对象在其链接地址已被访问过时的样式表属性。
标签属性：id, class, title, style, dir, lang, xml:lang, tabindex, accesskey可选属性：href,target,name等
事件属性：onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup,
onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
