TAGS
    CSS网页布局开发时的常见问题小结
    在进行CSS网页布局开发时,您肯定遇到过形形色色的布局问题,虽然本站网页布局频道提供了大量的教程,但最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易,当您遇到困难时为您提供快速参考。一、有疑问,先验证在调试时,先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS会导致许多布局上的错误。在其他浏览器中进行测试之前,请先在最先进的浏览器中撰写和测试CSS代码,而不是相反。如果您在破旧的浏览器中编...
    查看详情 | 2013.08.16
      CSS FILTER: 语法特效滤镜参数介绍
      Alpha|设置不同的透明度变化效果-----------------------------------------------Blur|建立模糊效果-----------------------------------------------DropShadow|建立一种偏移的影象轮廓,即投射阴影-----------------------------------------------FlipH|水平翻转-----------------------------------------------FlipV|垂直翻转-----------------------------------------------Glow|为对象的边界增加色彩光效
      查看详情 | 2013.08.16
        网页屏蔽(左右键,代码等)的非JS方法总结
        很早就想写一篇关于网页源代码屏蔽的文章。是因为经常编出些JS脚本的之后,在沾沾自喜的同时,也在担心源代码会被人家看到,盗用我的脚本。所以一直以来,我都在尽力维护我的网页源代码的安全。虽然目前还没有找到完全安全的屏蔽方法(也就是说,这些方法在我想出来的同时,自己已经知道其弱点和破解方法了),但是,我这里有很多屏蔽的思路,来总结一下。众所周知,要保护一个页面,最基础的就是要屏蔽右键。而现在网页上用得最多的是functionclick(),即下面这段代码:
        查看详情 | 2013.08.16
          CSS3时代动画将一切皆有可能
          热火朝天的css3无疑吸引了很多前端开发者的眼球,然而在css3中的动画属性则是新功能中的主打招牌,说到css3的动画属性不得不让人想起这三个属性:****ans****﹑****ansition﹑Animation。****ans****属性虽然看起来可以实现动画的效果,但本质其实是静态的,说白一点其实就是一个图形的变形工具;而****ansition属性是一个简单的动画属性,操作起来非常的简单;在这里主要为大家介绍Animations属性,这是个名副其实的动画属性,虽然官方也没有过多的介绍,只是简要的说明这个属性是****ansition属性的扩展,但功能可谓十分的强...
          查看详情 | 2012.12.12
            使用html表格和CSS进行混合网页设计
            最近一篇关于桢(Frames)的文章让我开始考虑网页设计的当前状态。不久前公布了许多的网页标准。使用CSS以及XHTML开发网页程序的优点正日益得到人们的称颂,但仍有许多的开发者团体更依赖于使用HTML表格来控制页面的输出。让我们来考虑一下使用HTML表格和使用CSS方法的各自优点。老方法未必不好当我刚开始进行网页设计时,我吃惊于HTML表格的强大和弹性。它们可以被无穷嵌套以达到预期的设计效果,而原先空白表格无法在浏览器中正确显示的问题则可以通过空白GIF图片予以修正。但是HTML和...
            查看详情 | 2012.07.30
              CSS基础学习:样式表CSS简明教程
              样式表CSS在网页中占着极重要的地位,它的使用一直是热门讨论的话题。CSS是CascadingStyleSheet的简写,译为“层叠样式表单”。CSS几乎可以定义所有的网页元素,CSS虽然功能强大,但平时我们用到的是很少的,最常见的有:定义字体大小(用CSS定义的字体大小不会浏览器的字体设置而改变)、去掉超链下划线、超链接变色等等。下面详细、简练地讲如何使用CSS。1.CSS加在什么位置?编辑CSS时候,强烈建议使用记事本之类的文本编辑工具打开你的网页代码。找到和,在和之间加入这...
              查看详情 | 2012.05.22
                CSS兼容要点分析
                IEvsFFCSS兼容要点:DOCTYPE影响CSS处理FF:div设置margin-left,margin-right为auto时已经居中,IE不行FF:body设置text-align时,div需要设置margin:auto(主要是margin-left,margin-right)方可居中FF:设置padding后,div会增加height和width,&n...
                查看详情 | 2012.05.17
                  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:bolditalicsmall-caps1em/1.5emverdana,sans-serif;真不错!只有一点要提醒的:这种简写方法只有在同时指...
                  查看详情 | 2012.05.17
                    网页制作 谈谈CSS样式表的命名规范
                    命名全部使用小写字母,如果需要多个单词,单词间使用“-”分隔,比如content-title直观命名当在设计Web页面以及需要对一个div进行标识的时候,最自然的想法就是使用可以描述元素所在页面位置的词汇来对其命名。这种方法使得类以及id的名称如下面所示:top-panelhorizontal-navleft-sidecenter-columnright-col这些是CSS以及XHTML类和id的有效命名方式。这些词汇简单并且能够使人顾名思义,因此满足了标识页...
                    查看详情 | 2012.05.17
                        网站设计之合理架构css
                        在当前浏览器普遍支持的前提下,css被我们赋予了前所未有的使命。然而依赖css越多,样式表文件就会变得越大越复杂。与此同时,文件维护和组织的考验也随之而来。(曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂,增删改都很方便——可这种日子早已远去。(现在)建立新网站时,必须花点时间好好筹划怎么组织和架构css。文件的组织构建css系统的第一步是大纲的拟定。(我认为)css组织规划的重要性堪比网站目录结构。(htmlor注:用词夸张一点,让你加深记忆)没有哪种方...
                        查看详情 | 2012.05.15
                          认清CSS的类class和标识id选择符
                          认清CSS的类class和标识id选择符——在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。你当然可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。认清CSS的类class和标识id选择符在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。你当然可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。在CSS中...
                          查看详情 | 2012.05.15
                                从基础开始CSS实用教程(一)
                                CSS(CascadingStylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐!^_^前言CSS(CascadingStylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。
                                查看详情 | 2012.05.15
                                  从基础开始CSS实用教程(二)
                                  七.控制文字的样式控制文字的样式包括文字大小写、文字修饰两个部分。1.文字大小写文字大小写使网页的设计者不用在输入文字时就完成文字的大小写,而可以在输入完毕后,再根据需要对局部的文字设置大小写。基本格式如下:text-transform:参数参数取值范围:·uppercase:所有文字大写显示·lowercase:所有文字小写显示
                                  查看详情 | 2012.05.15
                                    从基础开始CSS实用教程(三)
                                    十二.控制BOX的样式样式表规定了一个容器BOX,它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。为了大家更好地理解这些属性的意义,以及互相之间的关系,请看下面这个图示:1.边框空白(MARGIN)如图所示,位于BOX模型的最外层,包括四项属性。格式分别如下:·margin-top:顶部空白距离
                                    查看详情 | 2012.05.15
                                      CSS基础学习:样式表CSS简明教程
                                      样式表CSS在网页中占着极重要的地位,它的使用一直是热门讨论的话题。CSS是CascadingStyleSheet的简写,译为“层叠样式表单”。CSS几乎可以定义所有的网页元素,CSS虽然功能强大,但平时我们用到的是很少的,最常见的有:定义字体大小(用CSS定义的字体大小不会浏览器的字体设置而改变)、去掉超链下划线、超链接变色等等。下面详细、简练地讲如何使用CSS。1.CSS加在什么位置?编辑CSS时候,强烈建议使用记事本之类的文本编辑工具打开你的网页代码。找到和,在和之间加入这句,
                                      查看详情 | 2012.05.15
                                          利用CSS,不通过replace替换标引HTML标记
                                          其实css也是将HTML从数据和表现分离的有力工具。石头的CSSOrientedDesign:COD非常合我的口味,摒弃TOD(TableOrientedDesign)还真不是意见容易的事情,但是一旦实现,系统本身就实现了分工和协作:就能像Winamp一样换皮肤了,从而发挥用户最大的能动性。最直接的例子就是本网站使用的MT系统,所有的STYLE都来自MovableStyle,。需求:将XML结果集中的显示成红色,其实完全可以通过客户端的CSS实现:代码如下:首先利用C...
                                          查看详情 | 2012.05.04