首页 / 脚本样式 / CSS

同一个页面用多个id有什么影响

我们知道在样式表定义一个样式的时候，可以定义id也可以定义class，例如：ID方法：#test{color:#333333}，在页面中调用内容CLASS方法：.test{color:#333333}，在页面中调用内容id一个页面只可以使用一次，class可以多次引用。有网友问，id和class好象没什么区别，我在页面中用了多个id在IE中显示也正常，用多个id有什么影响吗？回答：第一影响就是不能通过W3的校验。在页面显示上，目前的浏览器还都允许你犯这个错...

初学web标准的几个误区

非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页。但从网友们的问题和制作中发现几个问题，在这里特别提醒一下：1.不是为了通过校验才标准化。web标准的本意是实现内容（结构）和表现分离，就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用。W3C校验仅仅是帮助你检查XHTML代码的书写是否规范，CSS的属性是否都在CCS2的规范内。代码的标准化仅仅是第一步，不是说通过的校验，我的网页就标准化了。...

学习CSS的10大理由

作者：阿捷 2004-7-2 14:38:35原文出处：sessions.edu,共 4节，这里翻译了主要的第一节。作为一个热门技术，CSS的发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而，也一直有荒诞的说法围绕着CSS，阻碍了网页设计师学习和掌握这种语言。究竟是什么让人们...

解决URL中含有-与号-不符合标准问题

今天在网站重构时，遇到了这个问题，URL需要传递两个变量（abc.asp？type=xxx&id=xxx），可是加了“&”后不能通过W3C检验，搜索了一番没有找到结果，只好去查英文网站查了下，用“& a m p;”代替“&”就可以解决这个问题了。abc.asp？type=xxx& a m p;id=xxx简单的翻译了下不能通过检验的原因[：）英文能力有限]是因为Netscape的3.x版本不兼容这个标记。只有“&”这个标记存在于HTML的URL中时才需要用...

用CSS实现表单form布局

出处：http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx在TABLE布局中设计Form,一般都是用2个td来布局,如果不用table,用CSS怎么做呢？看看下面的代码<style type="text/css">label{float: left;width: 80px;}form{margin:0px}input{width: 180px;border:1px solid #8...

CSS关于相对定位和绝对定位的说明实例

<style>body{margin: 30px; font-size:9pt;}.a, .b, .c, .d, .e{ width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000;}.aa, .bb, .cc, .dd, .ee{ top: 10px; left: 10px; width: 10px; height: 10px; overflow: hi...

DIV+CSS不一定符合标准

最近发现越多越多的人使用DIV+CSS这个称为来代表XHTML。这从根本上就是不正确的！其一，CSS是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet），而DIV是HTML中的一个标签。DIV和TABLE是同级的，所以不应该把DIV和CSS连在一起来代表XHTML。其二，DIV+CSS并不一定就符合标准，XHTML而也并不只是DIV+CSS。许多号称已经使用DIV+CSS进行重构的网站或论坛其...

CSS滤镜参考

语法：STYLE="filter:filtername（fparameter1, fparameter2...）" （Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数） script 语法：HTMLElement.filters.filterName.fParameter=value; 滤镜说明： Alpha：设置透明层次 blur：创建高速度移动效果，即模糊效果 Chroma：制作专用颜色...

怎样才能使大网站规范

asp开发规范一、单页编写规范：切记页面要分模块来写：第一模块：接收参数。[有可能从不同页面提交到同一个页面；也可能出现两个表单项以哪个优先的处理）。第二模块：定义全局变量。第三模块：写处理代码（尽量将代码都包含到函数中，详见页面附注一）。——到此asp代码主要部分完成。第四模块：纯html代码，利用储存在全局变量中的值来生成页面。第五（注意）：要在页面头部写清页面逻辑。（如何接收、处理。）优点：便于维护。模块独立，便于重复使用到类似页面。...

用！important解决IE和Mozilla的布局差别

在设计《网页设计师》页面的时候，有一个问题一直困扰着我，主菜单在IE和其他（Mozilla、Opera等）浏览器里显示的效果偏差2px。截图如下：IE中的效果Mozilla Firefox中的效果这是因为IE对盒之间距离的解释的bug造成的（参考onestab的" 浮动模型的问题 "）。我一直没有解决这个问题，直到我翻译 " 表格对决CSS--一场生死之战 "时，作者的一个技巧提示帮我找到了解决的方法：用！important。！important是CSS1...

利用CSS，链接下划线也玩自定义

原文链接：CSS Design: Custom Underlines 由 A List Apart 杂志及作者授权翻译。（Translated with the permission of A List Apart Magazine and the author[s].）说明：文章中“[补充]”内容系译者所补充添加（来自 CSS 2.0 中文手册），目的是方便读者理解相关内容。虽然网页设计师通常有大量的方法控制文档如何呈现，但是基本的CSS不能...

CSS实现光滑圆角效果

这个效果非常独特，以前我所见过的这种特效实现过程非常复杂，但这里的源代码却非常简单，推荐收藏。<html xmlns:v><head><style>v:*{behavior: url（#default#VML）;}</style></head><body><v:roundRect style="position:absolute;left:20px;top:50px;width:...

最基本的几种CSS文字滤镜效果

闲来无事，整理一些CSS文字效果，给初学者。下面做个例子吧，这都是最基本滤镜的应用，其实两种或几种不同滤镜的组合会获得意想不到的效果，遇到问题自己多动手试试就OK了，当然要特别注意颜色的搭配，有时候用色不好是看不出效果的，配合背景图片的应用也会有很好的效果的。因为太懒，所以没有写注释也没有写什么语法格式，自己看看吧！嘿嘿。（看不明白别骂我呀） 1、效果图：一路阳光一路阳光一路阳光一路阳光一路阳光一路阳光一路阳光一路阳光一路阳光SUNNYSUNNY一路阳...

非常酷的角BANNER

Top Right Banner Style#topright { position: absolute; right: 0; top: 0; display: block; height: 125px; width: 125px; background: url（TRbanner.gif） no-repeat; text-indent: -999em; text-decoration: none;} Top Left Banner Style#tople...

边框（border）边距（margin）和间隙（padding）属性的区别

边框属性（border）用来设定一个元素的边线。边距属性（margin）是用来设置一个元素所占空间的边缘到相邻元素之间的距离。间隙属性（padding）是用来设置元素内容到元素边界的距离。这三个属性都属于CSS中box类型的属性。下面这个示意图，很形象地体现了三者之间的区别。这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。...

调整CSS类型的顺序改变链接翻滚效果

你也许已经意识到，你可以通过指定每一键接的不同风格以建立CSS翻滚效果，这些链接包括普通的链接link （normal）, 访问，翻转，以及激活。并且，你可能也知道CSS类型的顺序可以产生效果上的差别，CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。现在让我们看看如何安排链接状态的类型在不产生冲突的情况下支持正常的翻滚效果，并且如何重新安排这些类型顺序以获得不同的翻滚效果。链接状态典型的CSS翻滚效果...

用CSS代码轻松Diy你的网页滚动条

在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的，而是漂亮的红色或其它颜色，其实这就是在网页代码之间加入代码来实现的，具体是哪些代码呢？网页滚动条代码及其解释如下：（复制时请将大写尖括号改为小写）以下是引用片段：<Style type="text/css"><！-- Body { scrollbar-face-color:#C0C0C0; （表面） scrollbar-highlight-color:#FFFFF...

未知大小图片在容器的垂直和水平居中问题

CSS布局中,未知大小图片的垂直居中，一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了，但对IE没用，几个月前在国外网站看到了一则对IE的解决方法，感觉不是很理想，也没当回事。最近看到经常有朋友在问类似的问题，又把代码翻了出来，针对IE改了下。CSS .box{height:140px;width:200px;border: solid 1px #666;text-align:...

css元素定位

css元素定位 1. position:static|无定位position:static是所有元素定位的默认值, 一般不用注明，除非有需要取消继承的别的定位example:#div-1 {position:static;}2. position:relative|相对定位使用position:relative，就需要top,bottom,left,right4个属性来配合，确定元素的位置。如果要让div-1层向下移动20px,左移40px:example...

针对浏览器隐藏CSS

我们都知道浏览器之间是有差异的，很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛。要在这些差异的影响下工作需要很多的技巧，“隐藏CSS”就是其中很重要的一种技巧（甚至是最重要的）。这种技巧的主要思想是，用某些方式对某些浏览器隐藏某些重载的CSS规则。这篇文章并不是想教你如何使用这种技巧，它面向的是有一定CSS基础的设计开发者，我假定你曾经使用过某种隐藏CSS规则的方法。这里是想把可用的方法与被隐藏规则的浏览器都列出来，方便大家在平时工...

<< 51 52 53 54 55 56 57 58 59 60 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图