CSS-JavaScript
文章平均质量分 55
courseware
有什么好写的呢,不知道,那好吧
展开
-
10个你未必知道的CSS技巧
1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去: font: bold italic原创 2007-12-02 23:08:00 · 464 阅读 · 0 评论 -
样式表的架构
http://my.donews.com/htmlor/2006/10/31/architecting_css/ (htmlor) 原文:http://www.digital-web.com/articles/architecting_css/ (Garrett Dimon)在当前浏览器普遍支持的前提下,css被我们赋予了前所未有的使命。然而依赖css越多,样式表文件就会变得越大越复杂。与此同原创 2007-12-03 00:10:00 · 767 阅读 · 11 评论 -
CSS知识小结CSS知识小结
Cascading Style Sheets(简称CSS),翻译为“层叠样式单”或“级联样式单”,又简称“样式表”。CSS的引入是用来扩展HTML的,而不是用来替代HTML的。也就是说CSS离不开HTML,它只是一项辅助工具,是对HTML功能的一种补充。CSS的优势在CSS标准里,不仅重新定义了HTML原有的样式,如文字的大小、颜色等;更加入了重叠文字、区块变化及任意位置放置等多项新属性。通过CS原创 2007-12-03 00:11:00 · 570 阅读 · 0 评论 -
一些JS
MSND 滑出菜单.LocaleManagementFlyoutPopup {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;border:1px solid #666666;padding: 3px 3px 3px 3px;text-align: left;background-color: #FFFFFF;z-index:原创 2007-12-03 00:15:00 · 763 阅读 · 0 评论 -
企业网站常用中英文对照表 [转]
这个似乎留着有用的。。。网站导航 site map 公司简介 PROFILE or COMPANY Profile or Company 公司设备 EQUIPMENT Equipment 公司荣誉 GLORIES Glories 企业文化 CULTURE Culture 产品展示 PRODUCT Product 资质认证 quality certification原创 2007-12-02 23:12:00 · 362 阅读 · 0 评论 -
病毒、蠕虫与木马之间有什么区别?
随着互联网的日益流行,各种病毒木马也猖厥起来,几乎每天都有新的病毒产生,大肆传播破坏,给广大互联网用户造成了极大的危害,几乎到了令人谈毒色 变的地步。各种病毒,蠕虫,木马纷至沓来,令人防不胜防,苦恼无比。那么,究竟什么是病毒,蠕虫,木马,它们之间又有什么区别?相信大多数人对这个问题并 没有一个清晰的了解,在这里,我们就来简单讲讲。 病毒、蠕虫和特洛伊木马是可导致您的计算机和计算机上的信息损坏原创 2007-12-02 23:19:00 · 8038 阅读 · 0 评论 -
需要掌握的八个CSS布局技巧
1.若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http: //validator.w3.org。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检 测,这样也许会让错误数量爆减。2.使用浮动功能时记得适当清除指令浮动是个危险的功能,未必会产生您所期望的原创 2007-12-02 23:21:00 · 351 阅读 · 0 评论 -
常用XHTML标签使用说明
XHTML里有很多的标签,但是经常用到的也就是那么几个,也只要掌握这几个也就可以了。下面我们一一列举:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em 一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契。原创 2007-12-02 23:24:00 · 574 阅读 · 0 评论 -
CSS Hack 汇总快查
以前在蓝色理想读过这篇小毅原创文章,今天写程序时突然需要类似的知识,便留存收藏下来了。原址:http://andymao.com/andy/post/76.html (毅博客)屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/ sele原创 2007-12-02 23:27:00 · 249 阅读 · 0 评论 -
常用CSS缩写语法总结及缩写的原因
CSS语法在进行WEB标准网页设计时必不可少的,一般情况下我们可以通过Dreamweaver软件的“CSS样式”面板自动生成相应的CSS代码。不过虽然软件生成的CSS代码阅读清晰易懂,但就是由于CSS对条条样式定义的清晰解释,也就使得CSS代码阅读显得冗长复杂,同时CSS代码的字节数也在增加……这对于追求高效率和完美性的人来说,是很难容忍的。 比如我们在给某元素定义填充大小时,原创 2007-12-02 23:30:00 · 510 阅读 · 0 评论 -
放弃class与js实现隔行换色效果
其实也是挺"傻"的方法,利用了CSS2 - 相邻选择符 制作的效果。要不是新出的IE7支持该选择符,俺还木敢发出来呢~ 隔行换色示例: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 放弃class与js实现隔行换色效果 table {border-collapse:collapse;border:solid #99原创 2007-12-02 23:49:00 · 536 阅读 · 0 评论 -
Javascript在页面加载时的执行顺序
一、在HTML中嵌入Javasript的方法 直接在Javascript代码放在标记对和之间 由标记的src属性制定外部的js文件 放在事件处理程序中,比如:点击我 作为URL的主体,这个URL使用特殊的Javascript:协议,比如:点击我 利用javascript本身的document.write()方法写入新的javascrip原创 2007-12-03 00:00:00 · 499 阅读 · 0 评论 -
CSS技巧,像table一样布局div
许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。 但是你又不喜欢用table来实现他,那怎么办呢?实现的方法很多,有根据视觉错觉实现的,有用JS控制使高度相等的,还有采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。 其实有个简单的方原创 2007-12-03 00:08:00 · 493 阅读 · 0 评论 -
总结:用CSS进行网页样式设计攻略全集
一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法结见附》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如: width:100px width:100em。只有两个例外情况可原创 2007-12-03 00:09:00 · 785 阅读 · 0 评论 -
用 CSS 排版的站点范例
http://studio.adobe.com/ http://www.wired.com/ http://espn.go.com/ http://www.quark.com/ http://www.inc.com/home/ http://www.pga.com/openchampionship/ http://www.phish.com/ http://www.meyerweb.c原创 2007-12-03 00:07:00 · 679 阅读 · 3 评论 -
div+css命名参考
用了一段CSS 布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别人看源文件,但是工作室有时候和团队合作完成项目的时候,就遇到麻烦了,要修改一个地方相当的费事.所以还是有个标准比较好啊!在网上看到的一个相关的参考,再加上平时也研究别人的代码,发现这样的命名使用很广泛!我再加上自己的经验,希望对看到这篇文章的人能有用!命名参考常用的CSS命名规则:原创 2007-12-03 00:06:00 · 407 阅读 · 0 评论 -
用CSS给图片打标
如图: 制作方法: 1、准备gif图片 2、代码部分 图片打标 body{padding:0px; margin:20px;} .pic{background:#000; padding:5px; border:1px solid #4F4F4F; float:left;} .pic span{width:95px; height:95px; ba原创 2007-12-03 00:04:00 · 989 阅读 · 0 评论 -
用CSS控制li标记样式的语法介绍
list-style-type版本:CSS1/CSS2 兼容***:IE4+ NS4+ 继承***:有语法:list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographi原创 2007-12-02 23:09:00 · 551 阅读 · 0 评论 -
什么是CPC,CPL,CPM,CPL,CPS,PPC,广告?
A:什么是CPL广告? 每次通过特定链接,注册成功后付费的一个常见广告模式. B:什么是CPC广告? 每次点击的费用。根据广告被点击的次数收费。如关键词广告一般采用这种定价模式。 C:什么是CPM广告? 每千次印象费用。广告条每显示1000次(印象)的费用。 D:什么是CPS广告? 即根据每个订单/每次交易来收费的方式。用户每成功达成一笔交易,网站主可获得佣金。 E:什么是PP原创 2007-12-02 23:13:00 · 1013 阅读 · 0 评论 -
DIV+CSS 命名规范
1.CSS ID 的命名 外 套: wrap 主导航: mainnav 子导航: subnav 页 脚: footet 整个页面: content 页 眉: header 页 脚: footer 商 标: label 标 题: title 主导航: mainbav(globalnav) 顶导航: topnav 边导航: sidebar 左导航: leftsidebar 右导原创 2007-12-02 23:16:00 · 307 阅读 · 0 评论 -
CSS的图表
基本的CSS图表 .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block;原创 2007-12-02 23:32:00 · 613 阅读 · 0 评论 -
渐变背景设计
渐变背景代码(IE有效): body{FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,finishY=100); BACKGROUND-COLOR: skyblue}原创 2007-12-02 23:37:00 · 289 阅读 · 0 评论 -
用CSS缩写给你的网站加速
Web网站可用性的关键指标是速度,更确切地说,是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种,包括Web服务器的速度、访问者的Internet连接情况,以及浏览器必须下载的文件大小。 尽管你无法控制服务器和连接的速度,但是你可以控制构成网站Web页面的文件大小。 为了让网站能够更快,Web的建设者都会按常规地压缩和优化网站上的每一个图像文件,这常常使得为了将文件的大小减少原创 2007-12-02 23:43:00 · 281 阅读 · 0 评论 -
CSS图片自动适应大小
图片自动适应大小的问题在平时制作的时候是比较常见的问题,下面提供一个比较简单的解决方法:div img { max-width:600px; //IE7、FF等其他非IE浏览器下最大宽度为600px; width:600px; //所有浏览器中图片的大小为600px; width:expression(document.body.clientWidth>600?"600px":"auto"原创 2007-12-02 23:47:00 · 3367 阅读 · 0 评论 -
css页面效果
不知道网上有没有做成这样的,纯粹是不小心做出来的。 最终效果说明: 页面结构是这样的 程序代码 1 最终看到的彩色下划线是根据li的背景色显示出来的 程序代码 li{background:#f60;} 而鼠标移上去的色彩变化是根据 程序代码 a:hover{background:#f93} 当然关键的地方在于 程序代码原创 2007-12-02 23:50:00 · 521 阅读 · 0 评论 -
段落的首字下沉的效果
我们在使用Word制作文档,或者观看某些报刊杂志时,总会看到段落的首字下沉的效果。那我们在使用DW制作网页时,是否也能做出这样的效果呢?答案是肯定的。 制作方法:定义CSS样式,代码如下: .first {FONT-WEIGHT: bolder; FONT-SIZE: 230%; FLOAT: left; COLOR: #990000; LINE-HEIGHT: 1.3em; back原创 2007-12-02 23:52:00 · 1208 阅读 · 0 评论 -
Css制作table细线表格
程序代码 Css制作table细线表格 table { border-collapse:collapse; /* 关键属性:合并表格内外边框(其实表格边框有2px,外面1px,里面还有1px哦) */ border:solid #999; /* 设置边框属性;样式(solid=实线)、颜色(#999=灰) */ border-width:1px 0 0 1px; /* 设置边框状原创 2007-12-02 23:53:00 · 1067 阅读 · 0 评论 -
仿股票厅滚屏信息的滚动信息示例
滚动信息 body { font-size: 12px; background-color: #FFF; overflow: hidden; }原创 2007-12-02 23:54:00 · 1032 阅读 · 0 评论 -
iframe跳转菜单
在iframe中实现用跳转菜单跳转 --__--!!选一个网址 163 蓝色 sina原创 2007-12-02 23:56:00 · 1183 阅读 · 0 评论 -
伪类和伪元素
在CSS中,模式(pattern)匹配规则决定那种样式规则应用于文档树(document tree)的哪个元素。这些模式叫着选择符(selector)。 一条CSS规则(rule)是选择符{属性:值;属性:值;}(selector {property:value;property1:value2;}),即选择符决定了{}中的声明(declaration)匹配哪个元素。在CSS2.1中的选择原创 2007-12-03 00:02:00 · 1129 阅读 · 0 评论 -
JS中setTimeout 和 setInterval 的区别
window对象有两个主要的定时方法,分别是setTimeout 和 setInteval 他们的语法基本上相同,但是完成的功能取有区别。 setTimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。 setInterval方法则是表示间隔一定时间反复执行某操作。 如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行原创 2007-12-10 00:59:00 · 3320 阅读 · 1 评论