当前位置:w88优德官网网文章中心网站开发CSS → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
  • CSS应用小技巧十四例 [内容预览] 52 | 2012-03-06 09:15:15
    CSS是CascadingStyleSheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用InternetExplorer还是NetscapeNavigator在网上冲浪,几乎随时都在与CSS打交道,在网...

    [阅读全文]

  • CSS 样式切换 [内容预览] 46 | 2012-03-06 09:15:10
    样式与数据分离所带来的不只是符合标准这样的简单,样式既然与数据分离那么样式的切换则变得理所当然的了!但是网上这样的中文教程实在是太少了!所以我收集了一部分中外网站已经实现的技术资料整理出来供网友参考。首先要具备不同内容的CSS文件(最好每个文件代表一种样式,或是代表需要作出变动的部分)。这里以三个为例:第一个是背景为红...

    [阅读全文]

  • [组图] CSS光标属性一览表 [内容预览] 32 | 2012-03-06 09:15:07
    CursorTypesPlacethemousecursoroveranyofthetextbelowtorevealadifferentcursor.Whethertheseworkproperlydependslargelyonhowyourreader'scomputersaresetup.Iftheyhavec...

    [阅读全文]

  • 利用CSS改善网站可访问性 [内容预览] 40 | 2012-03-06 09:15:03
    最近,我不得不对我的一个客户的旧网站进行更新,使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲。我曾经使用绝对的字体大小,固定的页面宽度和表格来做版面设计和空间分配。像那时建构的很多网站一样,我的客户的网站使用了Casc...

    [阅读全文]

  • 收藏几个好看的button样式 [内容预览] 33 | 2012-03-06 09:15:00
    <style>.btn{BORDER-RIGHT:#7b9ebd1pxsolid;PADDING-RIGHT:2px;BORDER-TOP:#7b9ebd1pxsolid;PADDING-LEFT:2px;FONT-SIZE:12px;FILTER:progid:DXImageTransform.Microsoft.G...

    [阅读全文]

  • CSS实例教程 [内容预览] 35 | 2012-03-06 09:14:52
    从这一节开始我们将要讨论CSS(CascadingStyleSheet).中文大概叫样式表吧.在我们这个教程中还是把它叫做CSS方便点儿.什么是CSS以及它的功能虽然CSS在网页里是和HTML在一起的.但它不算HTML.它的使用可以扩展HTML的功能.使得我们可以重新定义HTML元素的显示方式.CSS所能改变的性质如下...

    [阅读全文]

  • 同一个页面用多个id有什么影响 [内容预览] 45 | 2012-03-06 09:14:48
    我们知道在样式表定义一个样式的时候,可以定义id也可以定义class,例如:ID方法:#test{color:#333333},在页面中调用<divid="test">内容<div>CLASS方法:.test{color:#333333},在页面中调用<divclass="test">内容<div>id一个页面只可以使...

    [阅读全文]

  • CSS入门教程之CSS的语法 [内容预览] 37 | 2012-03-06 09:14:45
    1.基本语法    CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。  基本格式如下:  selector{property:value}  (选择符{属性:值})  选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE...

    [阅读全文]

  • CSS的超级技巧大放送 [内容预览] 42 | 2012-03-06 09:14:42
    一.使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二.明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100...

    [阅读全文]

  • [图文] 关于box(盒模式)的一系列问题 [内容预览] 47 | 2012-03-06 09:14:18
    W3C定义的盒模式如下:width和height定义的是Content部分的宽度和高度,paddingbordermargin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题,不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时,IE6中box左右的...

    [阅读全文]

  • 采用WEB标准时页面自适应的解决方案一则 [内容预览] 40 | 2012-03-06 09:14:15
    很多时候明明感觉应该自适应的效果,可是在不同浏览器里却取得不同的结果,这个时候最令人伤神。有时利用“相对位置”和“绝对位置”方法来确定DIV的方位,也是个很不错的想法,至于如何使用,使用那种方法,还是要看个人习惯以及网页整体要求。来看看下面的方法,从中会掌握自适应的一种好方法。XHTML<!DOCTYPEhtmlPUB...

    [阅读全文]

  • [组图] CSS入门教程 [内容预览] 41 | 2012-03-06 09:14:13
    CSS是“CascadingStyleSheets”的简称,中文翻译为“串接样式表”,也有人翻译为“样式表”。CSS用以作为网页的排版和风格设计,在web标准建站中,对CSS的熟悉和使用是相当重要的一个内容。CSS的作用是弥补HTML的不足,让网页的设计更为灵活。  这个文章只是为您介绍CSS的基础应用,指引您的一个入...

    [阅读全文]

  • CSS 编码技巧 [内容预览] 38 | 2012-03-06 09:14:11
    如何让CSS代码简洁而易于编写?这恐怕是许多开发者都关心的问题。我想,大概没有什么魔法,可以保证一下就把你的样式表缩小到百分之多少,但合理的CSS编码与组织技巧,的确能够帮助你的更有效率地写出更清晰高效的代码,自然,样式表大小的缩减还能减少下载的时间。组织你的样式表尽管我们有种种CSS的开发工具,比如TopStyle,...

    [阅读全文]

  • 书写高效的CSS [内容预览] 43 | 2012-03-06 09:14:08
    效率有什么用?CSS被吹捧的好处之一就是它能减小页面大小,由此缩短下载时间,不仅仅是首页的载入,还包括样式表被缓存以后,后续页面的载入也被加快了的那部分时间。这没错,但首页载入时间的缩短几乎看不出来,这是因为CSS代码往往过于冗长了。好吧,现在一切都不同了。学点高效地进行CSS编码的技巧吧,让你把样式表马上裁减到最小为...

    [阅读全文]

  • 弹性设计CSS [内容预览] 32 | 2012-03-06 09:14:06
    要从固定的、基于像素的设计方法转到弹性的、相对的设计方法并不容易。但是如果恰当利用,就可以成为增强亲和力和易用性的一个自然选择,同时又无须做出设计上的牺牲。像素是计算机屏幕上的不可缩放的点,而一个em就是一个字大小的方块。由于字体大小的变化,em代表用户喜欢的文字大小的相对单位。采用印刷式的固定设计方案或许要容易些,因...

    [阅读全文]

  • CSS2 中文手册 [内容预览] 31 | 2012-03-06 09:14:03
  • !important和(空格)/**/:的组合技巧及其他 [内容预览] 6 | 2012-03-06 09:14:01
    先温习一下对于IE的box-model的破解IEbox-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本,这个虫子直到tantak发布了流传最为广泛的那个hack才开始被驯服http://www.tantek.com/CSS/Examples/boxmodelhack.htmlIE5.X/win对bo...

    [阅读全文]

  • 元素水平居中方案总结 [内容预览] 8 | 2012-03-06 09:13:58
    先来看我一个简单XHTML/HTML文件代码(部分),我们的目的是让#container水平居中。<body><divid="container"><h1>content</h1><p>Loremipsumdolorsitamet,consectetueradipiscingelit.Phasellusvariusel...

    [阅读全文]

  • [图文] 在 CSS 中关于字体处理效果的思考 [内容预览] 9 | 2012-03-06 09:13:55
    字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现,英文字体里的那些变化在中文字体里都弱化了。作为中...

    [阅读全文]

  • CSS技术在网页设计中的运用 [内容预览] 9 | 2012-03-06 09:13:50
    多层模式表单(CascadingStyleSheet,CSS)是一种为超文本置标语言(HyperTextMarkupLanguage,HTML)提供增强补充服务的技术,可对每一个HTML的置标(tag)做精雕细刻的修饰。只用HTML制作的网页,对页面内各部分的修饰能力有限且语句烦锁,CSS正是弥补这一缺陷的有力技术,它...

    [阅读全文]

  • [组图] 美化网页 制作精美圆角表格 [内容预览] 8 | 2012-03-06 09:13:48
    做网页时候为了美化网页,常常把表格边框的拐角处做成圆角,这样可以避免直接使用表格直角的生硬,使得网页整体更加美观。下面就给大家介绍两种制作圆角表格的常用的办法。方法一:用图片制作圆角表格这是最常用也是最通用的方法,它能很好地适应各种浏览器和不同分辨率,大部分网页都使用这种方法。①先用Photoshop等作图软件绘制一个...

    [阅读全文]

  • [组图] CSS 陈列馆-收集站精选 [内容预览] 7 | 2012-03-06 09:13:45
    目前网页标准已是大势所趋。正如原始的品网站点,下面的这些站点将一如既往地显示群聚的力量。凝视世界顶尖WEB设计师的标准制作,感受标准的气氛,掀起学习标准的浪潮。CSS设计师们,+U吧。CSSZenGarden:CSS禅意花园是最富盛名的CSS设计陈列馆,DaveShea在创办之初是为了让网页设计师通过CSS样式表针对同...

    [阅读全文]

  • 网页中背景样式表的应用 [内容预览] 8 | 2012-03-06 09:13:43
    1.重复背景.<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0//EN"><HTML><HEAD><TITLE>Settingthecanvasbackground</TITLE><STYLEtype="text/css">BODY{background:url("http://style....

    [阅读全文]

  • CSS的常用技巧放送 [内容预览] 12 | 2012-03-06 09:13:40
    一.使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二.明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100...

    [阅读全文]

  • 十六则DW使用快技法 [内容预览] 7 | 2012-03-06 09:13:38
    1、灵活运用样式熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择CustonStyle来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用CustonStyle来调用Style标准,在网页代...

    [阅读全文]

  • 不用图像构造圆角框 [内容预览] 4 | 2012-03-06 09:13:35
    StripeittogetitroundedThebasicideaofNiftyCornersistogetsomecouloredlinestogettheroundedeffect.Thisisthemarkuptogetaroundeddiv:<divid="container"><bclass="rtop">...

    [阅读全文]

  • [组图] CSS编辑利器——Topstyle [内容预览] 10 | 2012-03-06 09:13:32
    精彩、漂亮是每一个设计者在制作网页时的不懈追求,而网页的精彩几乎都离不开CSS的强力“支撑”;CSS是一种为超文本标签语言提供增强补充服务的技术,可对每一个html的标签做精雕细刻的修饰。活用CSS,将会使网页更加生动活泼。不过,普通的网页编辑工具在CSS方面,表现难能让人满意;为了充分发挥CSS潜能,设计出更加美丽的...

    [阅读全文]

  • 用CSS来控制网页背景 [内容预览] 16 | 2012-03-06 09:13:30
    我想大家常常为一些比较合适于自己的网页背景的图片而发愁吧,这个我想也是有的,因为这些图片不是太大就是太小,或者太乱,那么有没有办法让图片能合自己的主页的胃口呢?答案是肯定的。想知道怎么来实现嘛,好吧,大家现在开始跟着我做,我保证大家一定一学就会。不过,我想在网上“成家”的朋友一般分为在网吧里“开业”(就像我一样,刚开始...

    [阅读全文]

  • 巧用CSS动态控制文本的属性 [内容预览] 6 | 2012-03-05 09:38:42
    用CSS可以很方便地动态改变文本的属性,从而可制作出动态地使文字变大、缩小、改变文字颜色、改变文本的背景、字间距、行间距等等网页特效,一切都在你的掌握之中。是不是有点玄?事实就是如此。那一定很复杂吧?不!看完本文,你就会明白,原来这么简单。原理:利用CSS的属性值可动态改变的特点。思路:定义文本的多种属性值,再用一个事...

    [阅读全文]

  • [组图] 巧用样式表,让文本框与按钮变个样 [内容预览] 9 | 2012-03-05 09:38:39
    在网页制作中,表单中的对象总是给人一种单调与沉闷的感觉,比如说按钮、文本框等,它们一成不变的模样与颜色出现在您的主页上时,或多或少都会破坏主页的美观程度,那么可不可以改变它们的模样呢?我的回答是,这当然可以啊,下面我们就一起来动手来改变吧。  先看看在网页中经常出现的按钮与文本框的本来面目吧!  对照上图,我们怎么样才...

    [阅读全文]

 CSS   1190   30   1/40页   首页   1   2   3   4   5         GO