怎样使鼠标经过显示 css3 绘图三角形

html-css019

怎样使鼠标经过显示 css3 绘图三角形,第1张

使鼠标经过显示 css3 绘图三角形参考下面方法：

<a class="tooltips" href="#tooltips">这就是Tooltips<span>这些附加的说明文字在鼠标经过的时候显示。

</span></a>

<style type="text/css">

/*Tooltips*/

.tooltips{

position:relative/*这个是关键*/

z-index:2

}

.tooltips:hover{

z-index:3

background:none/*没有这个在IE中不可用*/

}

.tooltips span{

display: none

}

.tooltips:hover span{ /*span 标签仅在 :hover 状态时显示*/

display:block

position:absolute

top:21px

left:9px

width:15em

border:1px solid black

background-color:#ccFFFF

padding: 3px

color:black

}

</style>

简单解释一下： CSS更像是把多个“矩形”（div）裁剪后，然后拼接成一个图案，然后给图案上色。 Canvas由点开始，延长无数个点，得到线，延长线之后得到一个面（三角形，圆形，矩形等等的图案面），然后给线或者面描边，上色。 CSS目前更像是小朋友的手工课，Canvas更像是用一支笔画图，不过画出来的图更加像能够控制大小的矢量图片。在面对曲线和更复杂图形的时候，Canvas比CSS更有办法。另外Canvas确定坐标位置的时候更加贴近常用到的数学思维方法。

因为CSS是一门非常奇怪的语言。他有两条不同的学习曲线，一条是入门以后直线上升然后慢慢变得平坦，一条是稳定上升的斜线。打个比方，修一台电视机我们有两种方法: 一种是在外壳上敲敲打打，找到敲哪里敲几下的规律；另外一种是看一本电视机原理的大厚书，然后去拆开修。对应到CSS就是不停地试各种排列组合和读规范读权威指南。这两种方法其实没有高下之分，只有适用范围。如果只是用CSS做很简单的工作，那试一试很经济实惠，但如果经常跟CSS打交道，那么读规范就会节省大量跳坑排坑的时间。高票答案说CSS不正交化我不是很赞同，他举的三个例子都清楚写在了规范和权威指南里面。如果先读规范会觉得这些行为是自然而然的。我本人同时写JavaScript, Java, CSS, Python，在学习C++，但是并没有感觉到高票的所谓理性和感性的区别。你觉得它没有规律，也许只是因为你没有好好读规范。CSS是一门正儿八经的编程语言，请拿出你学C++或者Java的态度对待它，该看书看书，该查文档查文档。