web基础
nighted
能学习,认真踏实,对技术热衷,有志于成为一个优秀的网络开发人员,并且为这个目标时刻努力着。
专心于两个方向,①web开发②linux。
展开
-
浏览器兼容性之背景色渐变
背景颜色线性渐变:body {background: #015b7d; /* Firefox 3.6 */ background-image: -moz-linear-gradient(top, #009ebe, #015b7d ); /* Safari & Chrome */ background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #009ebe),color-stop(原创 2010-12-29 00:08:00 · 1103 阅读 · 0 评论 -
段落首字大写下沉
今天要讲的内容是如何实现“首字下沉”,,第一个字是很大的红色楷体,陷于一段文字之首。这种做法在杂志中常见,但是在网页中不那么常见。那么如何实现呢?其实很简单,只有一句CSS就可以了。 Selector:first-letter {font-size:2.5em; font-family:"楷体_GB2312"; font-weight:bold; line-height:1.2e原创 2011-06-25 16:37:00 · 5422 阅读 · 0 评论 -
选中的文字的背景变成别的颜色
在网页上看到过这种情况,当鼠标选中某一段文字时,选中文的背景色居然不是普通的蓝色,虽然不是什么很多的效果,但是视觉效果还是很好的,所以在网上搜索了一下,果然得到了这段代码,请看代码:::selection{background: #A8141B; color: white;}::-moz-selection{background: #A8141B; color: white;} 上边的原创 2011-06-20 16:13:00 · 3512 阅读 · 1 评论 -
完美解决IE6不支持position:fixed的bug
废话不多说,先看一下下面这段代码:html>head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />title>IE6转载 2011-06-11 12:56:00 · 772 阅读 · 0 评论 -
实现类似于wp的后台的登陆摇头效果和ajax提交验证的效果
shakehead body{margin:0px;padding:0px;} .header{ background:#3EA63B; height:50px; margin:0px; padding:0px; } h1{text-align:center;} .column{ width:400px; height:400px; p原创 2011-04-16 00:23:00 · 1435 阅读 · 0 评论 -
sudo apt-get install subversion
<br />sudo apt-get install subversion subversion-tools 安装客户端 <br />1、首先需要安装SVN。Ubuntu下的SVN安装十分简单,sudo apt-get install subversion,然后根据提示一步一步,就完成了SVN的安装; <br /><br />2、检出文件(checkout)。 <br /><br />使用命令:svn co http://{svn repository url} /destination <br /><br转载 2011-05-13 17:17:00 · 5758 阅读 · 1 评论 -
html和css基础超过范围的变成省略号
这事还得从浏览器的兼容性来说,我写的网页文件在chrome下面显示正常,但是在ie9.0下显示不正常,症状就是不能正常变成省略号。这可如何是好,ie6.0本来就够闹心的了,这个iE9.0也不让人省心,该咋办呢。看我的代码吧。 ie9.0下显示: 控制代码是: css: .cbox ul li a{ text-decoration:none;!important; color:#333; float:left; width:210px;原创 2011-05-09 07:07:00 · 3980 阅读 · 0 评论 -
最近做的一个首页,有很多值得总结的地方
关于做网页的步骤:开始做的时候不是很在意这方面的步骤问题,只想到按着设计图向下做,结果在js特效部分卡了很长时间,感觉html+css也就用了20%的时间,js用了80%而且做的也不是很满意。所以,要注意步骤问题,想一下,应该是这样的吧,首先把设计图画出来,这样才知道该做什么,而且能把网页的尺寸,分栏,比例等一些东西划分清楚。其次,按照设计图把项目化分成块的,对每块的尺寸比例进行定位。最后把每一块填充完整。至此,网页做结束了,做一些细节的修改就基本OK了,剩下的就是根据客户的要求进行修改。 关于一些命名规原创 2011-02-11 14:59:00 · 697 阅读 · 0 评论 -
关于dl,dt,dd
DL解说列表(definition list)通常用于术语的定义,由标签对实现,它包含两个部分:术语和描述。术语由标签开始,英文意为definition term。术语的解释说明由标签实现,并且标签后的文字变缩进显示。第一项 第一子列表项 第二子列表项 第三子列表项 第二项 第一子列表项 第二子列表项 第三子列表项显示结果:第一项 第一子列表项 第二子列表项 第三子列表项第二项 第一子列表项原创 2011-02-12 23:46:00 · 845 阅读 · 0 评论 -
(转摘)全透视:CSS Z-index 属性
全透视:CSS Z-index 属性 非常好的一篇技术文档,翻译自Louis Lazaris 2009年9月15日发表的《The Z-Index CSS Property: A Comprehensive Look》 ,相信会帮助很多像我一样的前端狂! 原作者保留所有版权。 EN文不好,欢迎各路牛头斧正。 ------------------------------------------------ 大多数的CSS属性都很容易使用。常常,当您对标记语言的元素使用CSS属性时,产生的结果会随着您刷转载 2011-02-02 03:46:00 · 755 阅读 · 0 评论 -
DOM 学习笔记(1)
初识dom的时候以为dom只不过是js的一个附属小功能,所以没怎么认真看(呜呼,罪过),就只是知道了,getElementByTagName、getElementById、getElementByName之类,今天偶然细细的看了一下,发现原来dom是那么的完整。 首先,dom编程是对于整个html文档的编程,他有父节点,子节点,孙节点,通过这些节点树你可以遍历任何一个元素,很强大的,很喜欢,然后通过dom方法或者是js方法你可以对这些元素进行任何操作,为所欲为。前提是你必须能找得到这些元素,dom编程的重原创 2011-01-24 06:29:00 · 593 阅读 · 0 评论 -
css滑动的效果
一直以为只有js才能实现一些滑动效果,巧合,今天偶然看到一篇文章,知道了..css滑动的效果.想想也挺简单的;css:a:hover { padding-left: 6px; } Hover Over Me Hover Over Me Hover Over Me Hover Over Me 这种效果有点生硬.不生硬的用法是这种:ul a { -webkit-transition: padding .4s; -moz-transition: padding .4s; -o-tra原创 2011-01-08 18:07:00 · 6568 阅读 · 2 评论 -
ajax的同步和异步问题
经常说ajax是异步执行的技术,但是今天才知道异步和同步的区别。理解很深刻,来源于最近来的一个小项目。 var flag=0; var i=0; var title; $.ajax({ url: "showNewsAction.action", type:'jsonp', async: false, succe原创 2011-11-11 23:31:36 · 27250 阅读 · 3 评论