html页面中怎么将两个点之间的距离用直线连接起来

html-css07

html页面中怎么将两个点之间的距离用直线连接起来,第1张

方法一：Canvas或svg绘制已知两点求直线方程，渲染这条线上的点即可。方法二：用div绘制两个点已经可以确定一个直角三角形，已知对边和邻边，求出角度及斜边的长度，用css3属性旋转即可。

浏览器对于样式表的优先级从高到低------内联接 style外部链入的。

内联接就是在标签内加style，如<div style="color:#000"></div>

style就是加一个style标签，可以放在html的任何位置，如<style>css属性</style>

外部连入的分给import和link

import和第二种差不多只不过写的不是css属性二是<style>@import url(xx.css)</style>这种自我感觉不常用

link是最常用的一种方法。如<link type="text/javascript" href="xx.css" rel="stylesheet"/>

最后俩个都要注意引用的路径

例如有两个样式不同的a，可以这样设置：

.s1 a{color:#000}

.s2 a{color:#fff}

<div class="s1"><a href="#">1111111111111</a></div>

<div class="s2"><a href="#">22222222222222</a></div>

这样两个样式就不一样了