首页 / 脚本样式 / CSS

用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规则的方法。这里是想把可用的方法与被隐藏规则的浏览器都列出来，方便大家在平时工...

空间页面CSS说明

什么是CSS？ CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。空间页面CSS说明 body 整个空间页面{background-color:#FFFFFF}-------------...

样式表CSS布局经验

随着时间的积累这里的内容会有增加或者修改,希望下面的东西对后来的标准学习者会有些帮助,或者毫无用处. 主要的内容是在IE和MOZILLA之间的差异和容易忽视的细节,一些经典应用的最佳实现方法,应该避免违犯的错误. 由于是自己平时经验的积累,难免会出现一些错误的解释,如有幸被高人看到,请务必指出,先谢过了. ul 标签在Mozilla中默认是有padding值的,而在IE中只有margin有值. 同一个的class选择符可以在一个文档中重复出现,而i...

CSS 中关于字体处理效果的思考

作者：flyingbird 来自：蓝色理想字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看看下面的图示就会发现，英文字体里的那些变化在中文字体里都弱化了。作为中文的读者，习惯性的接受方块形状做为阅读的单元，其实对于眼睛来说，这是一种容易疲劳的方式，阅读的时...

CSS中div、span和center元素

<div>和<span>用来为内容指定样式或绑定脚本。虽然大多数HTML元素可以通过style属性来设置样式信息，但是许多HTML元素有自己默认的样式，该样式可能和style定义的样式混合甚至冲突，是我们不希望看到的。如：<strong style = “color: red”>I am strong！</strong>。和其他html元素不同，<div>和<span>没有默认的显示样...

<< 1 2 3 4 5 6 7 8 9 10 >>

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