WEB开发
文章平均质量分 79
jaogun
希望为开源做贡献
展开
-
[转载]应用CSS[3]颜色——翻译Htmldog
css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。red红色等同于rgb(255,0,0)等同于rgb(100%,0%,0%)等同于#ff0000等同于#f00有17个预先确定的颜色,它们是aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red转载 2008-02-29 17:14:00 · 275 阅读 · 0 评论 -
[转载]应用CSS[1]——翻译Htmldog
有三种方法应用CSSIn-line 行内行内样式是在html标签里直接使用style属性text设定段落文字红色。但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。Internal 内部使用于整个页面的植入内部样式在head标签里面,style标签包围样式。<!DOCTYPE html PUBLIC "-//W3C转载 2008-02-29 16:59:00 · 241 阅读 · 0 评论 -
[转载]应用CSS[12] Background Images 背景图片——翻译Htmldog
背景图片有许多属性可以操作。幸运的是,可以使用background处理所有:body { background: white url(http://www.htmldog.com/images/bg.gif) no-repeat top right;}上面合并了下面属性: background-color出现在前面。 background-im转载 2008-03-03 11:55:00 · 308 阅读 · 0 评论 -
[转载]XHTML+CSS兼容性解决方案小集
使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30px!important;margin:28px;} 注意这两个margin的顺序一定不能写反,据阿捷的说法!impo转载 2008-03-04 15:53:00 · 296 阅读 · 0 评论 -
[转载]DIV CSS网页布局常用的方法与技巧
Example Source Code [www.52css.com] 这里是第一列 这里是第二列 /*这是违背web标准意图的,只是想说明在它下面的元素需要清除浮动*/ CSS代码: Example Source Code [www.52css.com]#wrap{width:100;height:auto;} #column1{float:left;width:转载 2008-03-04 21:06:00 · 441 阅读 · 0 评论 -
[转载]DivCSS布局实例:很实用的图文混排CSS列表 - 富有语义
CSS网页布局的一大特点就是列表元素的应用,在传统的表格布局中往往将列表元素作为表格来处理,这样的方式非但不具有语义还产生了许多不必要的代码。 今天我们共同学习一款“图文混排CSS列表”的制作。首先从分析一下此列表的特点,然后编写HTML代码,最终应用CSS样式实现最终的效果。列表的效果如图所示: 最顶部是栏目名称“我爱CSS 52CSS.com ”与栏目导航“CSS酷站欣赏 DivCS转载 2008-03-05 20:56:00 · 2014 阅读 · 2 评论 -
[转载]DivCSS布局实例 用dl dt dd来制作列表
今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方: 1、如果用UL还布局,右边一栏比较麻烦; 2、文字外边的边框自适应比较麻烦; 3、很可能要定死高度; 所以,细细地看一看这个布局,想一想还是用DL.DT.DD作是合理的: 1、布局合理一些; 2、将来扩展很方便; 3、CSS一定很少; 试着写了写,看一看还行!在可控范围内! 布转载 2008-03-09 17:14:00 · 898 阅读 · 0 评论 -
精通 Grails: 用 Groovy 服务器页面(GSP)改变视图
原文:http://www.ibm.com/developerworks/cn/java/j-grails03118/?S_TACT=105AGX52&S_CMP=NL&ca=dnl-cn-04022008本系列的前两篇文章介绍了 Grails Web 框架的基本构建块。我曾反复强调过 —Grails 基于模型-视图-控制器(Model-View-Controller,MVC)架构模式(请参阅转载 2008-05-05 15:02:00 · 632 阅读 · 0 评论 -
模拟Google首页(dwr实现ajax)
来源:人因梦想而伟大 - BlogJava 上周末听了在用友工作的两个学长的一个小讲座,虽然时间不长,但还是有些收获的,其中一个开发部的经理就提到了一些小的技术点,其中就包括dwr,回家后上网查了查相关资料,了解到dwr是一个java开源框架,它的诞生就是为了降低开发ajax的难度,原理类似于在javascript中调用java类,于是就使用dwr技术模拟Google首页做了个练习。由于正直全国转载 2008-05-26 12:47:00 · 477 阅读 · 0 评论 -
iis权限设置
如何设置 Web 服务器的权限?如果Web服务器的权限没有设置好,那么网站就会出现漏洞并且很可能会出现被不怀好意的人黑掉的情况。我们不应该把这归咎于 IIS 的不安全。如果对站点的每个目录都配以正确的权限,出现漏洞被人黑掉的机会还是很小的(Web 应用程序本身有问题和通过其它方式入侵黑掉服务器的除外)。下面是我在配置过程中总结的一些经验,希望对大家有所帮助。 IIS Web 服务器的权限设置有两原创 2008-08-22 08:49:00 · 427 阅读 · 0 评论 -
DIV CSS布局实例:用css网站布局之十步实录!(目录)
用css网站布局之十步实录 目录: 点击链接查看教程具体内容!第一步:规划网站http://www.52css.com/article.asp?id=175第二步:创建html模板及文件目录等http://www.52css.com/article.asp?id=176第三步:将网站分为五个div 网页基本布局http://www.52css.com/article.asp?id=17转载 2008-06-09 14:00:00 · 365 阅读 · 0 评论 -
Phpcms:整合文档
phpcms整合discuz 首先进入网站后台 打开系统设置-->基本配置-->通行证 是否启用通行证:选“是” 整合文件:选“discuz” 接口地址:论坛接口文件地址,http://您的论坛地址/api/passport.php 认证密钥:自行设定但应与Discuz中设置的“通行证私有密匙”保持一致确认后PHPCMS部分的设置即完成。 登陆Discuz!转载 2008-09-27 09:18:00 · 9291 阅读 · 0 评论 -
windows下nginx-0.7.10+php-5.2.6+fastcgi安装日志
转贴自:http://bbs.sudone.com/thread-60-1-1.html 最近心里有点痒,打算怀下旧,搞个php玩玩。找了几台服务器想装个php,虽然是举手之劳,但是总觉得有点不方便。另外家里的宽带总被占线,所以在服务器上做测试那也比较痛苦。所以就想在本机弄个,记得以前有个apache php mysql的整合安装版,这可是个好东西,如果有人问我怎么在windows装php转载 2010-03-08 16:00:00 · 1016 阅读 · 0 评论 -
网页栅格系统研究
<br />研究(1)、960的秘密<br />研究网页栅格系统前,来看一组数据:网站首页页面宽度(px)Yahoo!950淘宝950MySpace960新浪950网易960Live Search958搜狐950优酷960AOL960<br />上面列举的都是Alexa全球排名前100的站点,它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点:页面结构较复杂,都可以认为是门户型网站。<br />再来看看Google, YouTube, Facebook, Fl转载 2010-06-24 10:49:00 · 782 阅读 · 1 评论 -
[转载]css之自动换行
大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;wi转载 2008-03-04 11:51:00 · 293 阅读 · 0 评论 -
[转载]应用CSS[17] Specificity 优先级特性——翻译Htmldog
如果同个元素有两个或以上冲突的CSS规则,浏览器有一些基本的规则来决定哪一个非常特殊而胜出。 它可能不像其它那么重要,大部分案例你不需要担心冲突,但大型而且复杂的CSS文件,或有很多CSS文件组成的,可能产生冲突。 选择器一样的情况下后面的会覆盖前面的属性。比如:p { color: red; }p { color: blue; }p元素的元素将是蓝色,因为遵循后面转载 2008-03-04 10:18:00 · 295 阅读 · 0 评论 -
[转载]应用CSS[8] Class 和 ID 选择器——翻译Htmldog
前面的学习我们仅仅使用HTML选择器(在HTML页面里为html标签,如 P)现在我们学习使用clss和id定义属于自己的选择器。这样,同样的html元素可以通过class或ID使用不同的表现。在CSS里,使用点号(.)创建class选择器,使用hash符号(#)创建ID选择器。例子#top { background-color: #ccc; padding: 1e转载 2008-03-03 10:19:00 · 290 阅读 · 0 评论 -
[转载]应用CSS[15] At-Rules @规则——翻译Htmldog
At-rules分装不同的CSS规则,应用在特定场合。Importingimport@规则引用另外的样式。例如,如果你想添加另外样式到现在的样式,可以这样:@import url(addonstyles.css);这很像使用link元素连接CSS到HTML,本质上说有一个内容样式像下面:@import url(monkey.css);这是为了照顾老版本浏览器转载 2008-03-04 10:12:00 · 297 阅读 · 0 评论 -
[转载]CSS的优先权
看到CSSer上贴了aoao的一篇帖子:Wonder CSS 专题 1:从零开始认识 CSS,其中说到了一些关于CSS的优先权的问题,但说得比较大概,我想再系统一下。优先权问题其实就是一个冲突解决的问题,当同一个元素(或内容)被CSS选择符选中时,就要按照优先权取舍不同的CSS规则,这其中涉及到的问题其实很多。首先就是CSS规则的specificity(特殊性),CSS2.1有一套关于sp转载 2008-03-04 11:00:00 · 330 阅读 · 0 评论 -
[转载]应用CSS[2] Selectors,Properties,and Values 选择器 、属性、值
HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。值在冒号(不是等号)后面,分号分离属性。body { font-size: 0.8em; color: navy;}上面的意思是为body选择器设置font-size字体大小和转载 2008-02-29 17:09:00 · 230 阅读 · 0 评论 -
[转载]应用CSS[4] Text 文本——翻译Htmldog
一系列属性可以改变网页文字的大小和形状,概要如下:font-family文字使用的字体,比如宋体,Times New Roman,Arial等等这个属性必须详细制定,不能使用偏僻的字体,要使用安全字体(比如arial,verdana和times new roman和宋体),可以同时指定许多字体,只要使用逗号分开即可。这样的用意是,如果用户电脑里没有第一个字体浏览器可以使用后面指定的字体转载 2008-02-29 17:16:00 · 289 阅读 · 0 评论 -
[转载]应用CSS[5] Margin和Padding——翻译Htmldog
margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边。例子,h2:h2 { font-size: 1.5em; background-color: #ccc; margin: 1em; padding: 3em;}元素四边可以设置的属性:margin-top, margin-right, margin-bo转载 2008-02-29 17:21:00 · 279 阅读 · 0 评论 -
[转载]应用CSS[9] Grouping and Nesting 分组和嵌套——翻译Htmldog
Grouping 分组当许多选择器有同样属性时,可以使用逗号组合它们。例子h2 { color: red;}.thisOtherClass { color: red;}.yetAnotherClass { color: red;}上面的可以写成这样:h2, .thisOtherClass, .yetAnotherClass {转载 2008-03-03 10:22:00 · 236 阅读 · 0 评论 -
[转载]应用CSS[11] 缩写属性——翻译Htmldog
一些CSS属性允许使用一串值代替许多属性,值使用空格分开。margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序。所以下面的:p { border-top-width:转载 2008-03-03 11:51:00 · 275 阅读 · 0 评论 -
[转载]应用CSS[13] The Display Property,display属性——翻译Htmldog
操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式。一些由标签组成的大部分页面可以设定任何样式。浏览器默认的样式里的大部分html元素由字体样式、margin,padding组成,本质上是显示类型。display属性基本上分为inline,block,和none。inline就像它的本意——显示为inline的元素为行。strong,anchor锚和em强调元素默认是行。b转载 2008-03-03 11:58:00 · 331 阅读 · 0 评论 -
[转载]关于box(盒模型)的一系列问题
W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度,padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题,不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时,IE6中box左右的margin会加倍 比如: Untitled Do转载 2008-02-29 17:37:00 · 301 阅读 · 0 评论 -
[转载]应用CSS[6]CSS Borders 边框——翻译Htmldog
CSS Borders 边框边框可以运用到body里的大部分HTML元素。 制作一个元素的边框,你需要border-style边框样式。值可以是: solid, dotted, dashed, double, groove, ridge, inset and outset,具体样式大家可以实际下。border-width设定宽度,通常使用pixels即单位是px,同样有四边属性:bor转载 2008-02-29 17:46:00 · 249 阅读 · 0 评论 -
[转载]应用CSS[7] CSS初级教程总结:属性结合起来使用——翻译Htmldog
如果你学完HTML初级教程即可学习CSS初级教程,使用CSS处理HTML样式。下面的代码覆盖了初级教程的所有方面,保存下面的CSS文件并且在浏览器里观看连接的HTML,你可以明白各个CSS属性的用法。最好的学习方法就是理解作用在HTML上的CSS文件,改变CSS HTML会发生什么变化。body { font-family: arial, helvetica, sans-serif转载 2008-02-29 17:48:00 · 264 阅读 · 0 评论 -
[转载]详细介绍IE7新支持的选择器
IE7新支持的选择器 作者:John Gallant , Holly Bergevin 翻译:w3cpro.cn 原文地址:http://www.communitymx.com/content/article.cfm?cid=1C603现在IE7已经推出一段时间并且渗透到用户当中,不用等太久我们就可以在页面上使用更高级的CSS。两个最有用的项目将是 Child子和Adjacent Siblin转载 2008-03-03 10:32:00 · 421 阅读 · 0 评论 -
[转载]应用CSS[10] Pseudo Classes 伪类——翻译Htmldog
伪类像是指定选择器状态或关联选择器的门闩。它们的形式如:selector:pseudo class { property: value; },在选择器和伪属性之间使用冒号。一些属性不被所有浏览器支持,但有四个伪类可以安全使用在链接上。 link 没有点击过的链接 visited以点击过的链接 active获得焦点时的链接(比如在点击时) hov转载 2008-03-03 11:21:00 · 256 阅读 · 0 评论 -
[转载]应用CSS[16] Pseudo Elements 伪元素——翻译Htmldog
伪元素吸附在选择上和pseudo classes伪类很像,像这样selector:pseudoelement{property: value;}。有四种方式。First letters and First lines 首字母和首行 first-letter伪元素作用到元素的第一个字母,first-line作用到元素的顶行。你可以,例如为段落创建一个drop caps和首行加粗。转载 2008-03-04 10:17:00 · 295 阅读 · 0 评论