1、<a href="超链接地址 " target=_blank></a>超链接的属性及属性值
target=_blank//在新窗口打开
a {text-decoration:none;}//去掉链接的下划线 a:hover {text-decoration:underline} /* 鼠标悬浮在上的链接 */ a:link {color:#000000;text-decoration:none;} /* 未被访问的链接 */ a:visited {color:#000000} /* 已被访问过的链接 */ a:active {color:#000000} /* 鼠标点中激活链接 */
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>无下划线实现 DIVCSS5</title> <style> a{ text-decoration:none} a:hover{ text-decoration:underline} </style> </head> <body> 还有来到<a href="http://www.divcss5.com/">divcss5</a>关于默认链接无下划线实例 </body> </html>
2、css样式有以下三种类型
1,内联样式 内联样式是直接在HTML标签上定义该标签的css样式,如: <div style="100px;height100px;"></div> 2,内部样式即内嵌样式 内部样式是现在HTML文件中,且包含在<style></style>代码块中,如: <style> .box{100px;height:100px;} </style> <div class="box"></div> 3,外部样式 外部样式是通过在HTML中引用外部css文件来控制样式,如: html文件中写入引用语句: <link href="css文件路径" rel="stylesheet" media="screen"/>
3、css属性设置优先级问题
1.多个选择器可能会选择同一个元素,有3个规则,从上到下重要性降低: !important的用户样式 !important的作者样式 作者样式 用户样式 浏览器定义的样式 2. CSS规范为不同类型的选择器定义了特殊性权重,特殊性权重越高,样式会被优先应用。 权重设定如下: html选择器,权重为1; 类选择器,权重为10; id选择器,权重为100; 这里还有一种情况:在html标签中直接使用style属性,这里的style属性的权重为1000; 即如下情况: #x34y {color:red} <. p id=x34y style="color:green"> 优先选择style=""设定的样式。 例子: h1{color:blue} 权重为1 p em{color:yellow} 权重为2 .warning{color:red} 权重为10 p.note em.dark{color:grag} 权重为22 #main{color:black} 权重为100 这里还有一种情况: 权重一样时如何处理? 3.CSS样式的层叠原则——谁离我近,谁说了算。 当权重一样时,会采用“层叠原则” 后定义的会被应用。 如:p{color:yellow} p{color:red} 作用到这里 <. p >我的什么颜色呢?< /p> 结果会是red的。 4.CSS样式的特殊标记——谁有特权,谁说了算。 如果有人看不顺眼,非得要自己说了算,那可以搞点特权,如下即可 p {color:blue !important;} 加上!important;可将自己权重设为最高。
4.css定位属性
CSS 定位属性允许你对元素进行定位。 position 把元素放置到一个静态的、相对的、绝对的、或固定的位置中。 top 定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 right 定义了定位元素右外边距边界与其包含块右边界之间的偏移。 bottom 定义了定位元素下外边距边界与其包含块下边界之间的偏移。
left 定义了定位元素左外边距边界与其包含块左边界之间的偏移。
overflow 设置当元素的内容溢出其区域时发生的事情。 clip 设置元素的形状。元素被剪入这个形状之中,然后显示出来。 vertical-align 设置元素的垂直对齐方式。 z-index 设置元素的堆叠顺序。
5.JavaScript中计算进制转换的公式及各进制转换方式
var a=75; alert(a.toString(2));//计算数字a的二进制 var a=75; alert(a.toString(16));//计算数字a的16进制 1,十进制与二进制之间的转换公式 比如10进制的15转换2进制: 用15除以2,商为7,余数为1, 再用7除以2,商为3,余数为1, 再用3除以2,商为1,余数为1, 再用1除以2,商为0,余数为1, 最后吧余数倒过来排列就为二进制的1111(即商为0时的1,商为1时的1,商为3时的1,商为7时的1) 二进制转十进制 以二进制的1111转十进制为例: 把二进制的1111看成是十进制的1111即1*10^3 + 1*10^2 + 1*10^1 + 1 然后把10变成2,即1*2^3 + 1*2^2 + 1*2^1 + 1=15 十进制--->二进制 对于整数部分,用被除数反复除以2,除第一次外,每次除以2均取前一次商的整数部分作被除数并依次记下每次的余数。另外,所得到的商的最后一位余数是所求二进制数的最高位。 对于小数部分,采用连续乘以基数2,并依次取出的整数部分,直至结果的小数部分为0为止。故该法称“乘基取整法”。 给你一个十进制,比如:6,如果将它转换成二进制数呢? 10进制数转换成二进制数,这是一个连续除以2的过程: 把要转换的数,除以2,得到商和余数, 将商继续除以2,直到商为0。最后将所有余数倒序排列,得到数就是转换结果。 听起来有些糊涂?结合例子来说明。比如要转换6为二进制数。 “把要转换的数,除以2,得到商和余数”。 要转换的数是6, 6 ÷ 2,得到商是3,余数是0。 “将商继续除以2,直到商为0……” 现在商是3,还不是0,所以继续除以2。 那就: 3 ÷ 2, 得到商是1,余数是1。 “将商继续除以2,直到商为0……” 现在商是1,还不是0,所以继续除以2。 那就: 1 ÷ 2, 得到商是0,余数是1 “将商继续除以2,直到商为0……最后将所有余数倒序排列” 好极!现在商已经是0。 我们三次计算依次得到余数分别是:0、1、1,将所有余数倒序排列,那就是:110了! 6转换成二进制,结果是110。 (在计算机中,÷用 / 来表示) 二进制--->十进制 二进制数转换为十进制数 二进制数第0位的权值是2的0次方,第1位的权值是2的1次方…… 所以,设有一个二进制数:0110 0100,转换为10进制为: 下面是竖式: 0110 0100 换算成十进制 第0位 0 * 20 = 0 第1位 0 * 21 = 0 第2位 1 * 22 = 4 第3位 0 * 23 = 0 第4位 0 * 24 = 0 第5位 1 * 25 = 32 第6位 1 * 26 = 64 第7位 0 * 27 = 0 公式:第N位2(N) --------------------------- 100 用横式计算为: 0 * 20 + 0 * 21 + 1 * 22 + 0 * 23 + 0 * 24 + 1 * 25 + 1* 26 + 0 * 27 = 100 0乘以多少都是0,所以我们也可以直接跳过值为0的位: 1 * 22 + 1 * 25 +1*26 = 100 2,十进制--->八进制 10进制数转换成8进制的方法,和转换为2进制的方法类似,唯一变化:除数由2变成8。 来看一个例子,如何将十进制数120转换成八进制数。 120转换为8进制,结果为:170。 八进制--->十进制 八进制就是逢8进1。 八进制数采用 0~7这八数来表达一个数。 八进制数第0位的权值为8的0次方,第1位权值为8的1次方,第2位权值为8的2次方…… 所以,设有一个八进制数:1507,转换为十进制为: 用竖式表示: 1507换算成十进制。 第0位 7 * 80 = 7 第1位 0 * 81 = 0 第2位 5 * 82 = 320 第3位 1 * 83 = 512 -------------------------- 839 同样,我们也可以用横式直接计算: 7 * 80 + 0 * 81 + 5 * 82 + 1 * 83 = 839 结果是,八进制数 1507 转换成十进制数为 839 十进制--->十六进制 10进制数转换成16进制的方法,和转换为2进制的方法类似,唯一变化:除数由2变成16。 120转换为16进制,结果为:78。 3,十六进制--->十进制 16进制就是逢16进1,但我们只有0~9这十个数字,所以我们用A,B,C,D,E,F这六个字母来分别表示10,11,12,13,14,15。字母不区分大小写。 十六进制数的第0位的权值为16的0次方,第1位的权值为16的1次方,第2位的权值为16的2次方…… 所以,在第N(N从0开始)位上,如果是是数 X (X 大于等于0,并且X小于等于 15,即:F)表示的大小为 X * 16的N次方。 假设有一个十六进数 2AF5, 那么如何换算成10进制呢? 用竖式计算: 2AF5换算成10进制: 第0位: 5 * 160 = 5 第1位: F * 161 = 240 第2位: A * 162 = 2560 第3位: 2 * 163 = 8192 ------------------------------------- 10997 直接计算就是: 5 * 160 + F * 161 + A * 162 + 2 * 163 = 10997 (别忘了,在上面的计算中,A表示10,而F表示15) 现在可以看出,所有进制换算成10进制,关键在于各自的权值不同。 假设有人问你,十进数 1234 为什么是 一千二百三十四?你尽可以给他这么一个算式: 1234 = 1 * 103 + 2 * 102 + 3 * 101 + 4 * 100 4,二进制--->八进制 (11001.101)(二) 整数部分:[1] 从后往前每三位一组,缺位处用0填补,然后按十进制方法进行转化, 则有: 001=1 011=3 然后我们将结果按从下往上的顺序书写就是:31,那么这个31就是二进制11001的八进制形式 八进制--->二进制 (31.5)(八) 整数部分:从后往前每一位按十进制转化方式转化为三位二进制数,缺位处用0补充 则有: 1---->1---->001 3---->11 然后我们将结果按从下往上的顺序书写就是:11001,那么这个11001就是八进制31的二进制形式 5,二进制--->十六进制 二进制和十六进制的互相转换比较重要。不过这二者的转换却不用计算,每个C,C++程序员都能做到看见二进制数,直接就能转换为十六进制数,反之亦然。 我们也一样,只要学完这一小节,就能做到。 首先我们来看一个二进制数:1111,它是多少呢? 你可能还要这样计算:1 * 20 + 1 * 21 + 1 * 22 + 1 * 23 = 1 * 1 + 1 * 2 + 1 * 4 + 1 * 8 = 15。 然而,由于1111才4位,所以我们必须直接记住它每一位的权值,并且是从高位往低位记,:8、4、2、1。即,最高位的权值为23 = 8,然后依次是 22 = 4,21=2, 20 = 1。 记住8421,对于任意一个4位的二进制数,我们都可以很快算出它对应的10进制值。 下面列出四位二进制数xxxx 所有可能的值(中间略过部分) 仅四位的二进制,快速计算方法 1111==8+4+2+1 //十进制 15==F //十六进制 1110==8+4+2+0 //十进制 14==E //十六进制 1101==8+4+0+1 13==D 1100==8+4+0+0 12==C 1011==8+0+2+1 11==B 1010==8+0+2+0 10==A 1001==8+0+0+1 9==9 …… 0001==0+0+0+1 1==1 0000==0+0+0+0 0==0 二进制数要转换为十六进制,就是以4位一段,分别转换为十六进制。 如: 二进制数 对应的十六进制数 1111 1101 FD 1010 0101 A5 1001 1011 9B 十六进制--->二进制 反过来,当我们看到 FD时,如何迅速将它转换为二进制数呢? 先转换F: 看到F,我们需知道它是15(可能你还不熟悉A~F这六个数),然后15如何用8421凑呢?应该是8 + 4 + 2 + 1,所以四位全为1 :1111。 接着转换 D: 看到D,知道它是13,13如何用8421凑呢?应该是:8 + 4 + 1,即:1101。 所以,FD转换为二进制数,为: 1111 1101 由于十六进制转换成二进制相当直接,所以,我们需要将一个十进制数转换成2进制数时,也可以先转换成16进制,然后再转换成2进制。 比如,十进制数 1234转换成二制数,如果要一直除以2,直接得到2进制数,需要计算较多次数。所以我们可以先除以16,得到16进制数: 被除数,结果16进制为: 0x4D2 然后我们可直接写出0x4D2的二进制形式: 0100 1101 0010。 其中对映关系为: 0100 -- 4 1101 -- D 0010 -- 2 同样,如果一个二进制数很长,我们需要将它转换成10进制数时,除了前面学过的方法是,我们还可以先将这个二进制转换成16进制,然后再转换为10进制。 下面举例一个int类型的二进制数: 01101101 11100101 10101111 00011011 我们按四位一组转换为16进制: 6D E5 AF 1B 再转换为10进制:6*167+D*166+E*165+5*164+A*163+F*162+1*161+B*160=1,843,769,115 6,十进制--->负进制 下面是将十进制数转换为负R进制的公式: N=(dmdm-1...d1d0)-R =dm*(-R)m+dm-1*(-R)m-1+...+d1*(-R)1+d0*(-R)0 15=1*(-2)4+0*(-2)3+0*(-2)2+1*(-2)1+1*(-2)0 =10011(-2) 负数 负数的进制转换稍微有些不同。 先把负数写为其补码形式(在此不议),然后再根据二进制转换其它进制的方法进行。 例:要求把-9转换为八进制形式。则有: -9的补码为1111 1111 1111 0111。从后往前三位一划,不足三位的加0 111---->7 110---->6 111---->7 111---->7 111---->7 001---->1 然后我们将结果按从下往上的顺序书写就是:177767,那么177767就是十进制数-9的八进制形式。 其实转化成任意进制都是一样的。 初学者最容易犯的错误!!!!!!! 犯错:(-617)D=(-1151)O=(-269)H 原因分析:如果是正数的话,上面的思路是正确的,但是由于正数和负数在原码、反码、补码转换上的差别,所以按照正数的求解思路去对负数进行求解是不对的。 正确的方法是:首先将-617用补码表示出来,然后再转换成八进制和十六进制(补码)即可。 注:二进制补码要用16位。 正确答案::(-617)D=(176627)O=(fd97)H 负数十进制转换成八进制或十六进制方法 如(-12)10=( )8=( )16 第一步:转换成二进制 1000 0000 0000 1100 第二步:补码,取反加一 注意:取反时符号位不变! 1111 1111 1111 0100 第三步:转换成八进制是三位一结合:177764(8) 转换成十六进制是四位一结合:fff4(16) 小数 最近有些朋友提了这样的问题“0.8的十六进制是多少?” 0.8、0.6、0.2... ...一些数字在进制之间的转化过程中确实存在麻烦。 就比如“0.8的十六进制”吧! 无论怎么乘以16,它的余数总也乘不尽,总是余0.8 具体方法如下: 0.8*16=12.8 0.8*16=12.8 取每一个结果的整数部分为12既十六进制的C 如果题中要求精确到小数点后3位那结果就是0.CCC 如果题中要求精确到小数点后4位那结果就是0.CCCC
6、表单应用
<!DOCTYPE HTML> <html lang="en"> <head> <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>test</title> <link rel="stylesheet" href="css.css" type="text/css" media="screen"> <script src="http://libs.baidu.com/jquery/1.7.0/jquery.min.js"></script> </head> <body> <div class="search"> <input id="search" type="text" autofocus="autofocus" > <div class="submit">搜索</div> </div> <style type="text/css"> .search{300px;overflow: hidden;border:1px solid #ddd;font-size:16px;height:2em;line-height: 2em;} .search:hover{border:1px solid #00af60;} .search input#search{padding-left: 10px;outline: none;230px;border:0;} .search .submit{cursor:pointer;float: right;padding:0 10px;color: #00af60;border-left: 1px solid #ddd;} .search:hover .submit{background: #00af60;color:#FFF;border:0;/*background:url(1.jpg)*/} </style> <script type="text/javascript"> $(function(){ $('.search').hover(function(){$('#search')[0].focus()});// $('.search .submit').click(function(){ alert("在此检查然后js提交"); }) }) </script> </body> </html>