当前位置:w88优德官网网文章中心网站开发CSS → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
  • CSS颜色代码大全 [内容预览] 0 | 2017-07-20 10:09:50
    #FFFFFF#FFFFF0#FFFFE0#FFFF00#FFFAFA#FFFAF0#FFFACD#FFF8DC#FFF68F#FFF5EE#FFF0F5#FFEFDB#FFEFD5#FFEC8B#FFEBCD#FFE7BA#FFE4E1#FFE4C4#FFE4B5#FFE1FF#FFDEAD#FFDAB9#FFD70...

    [阅读全文]

  • CSS中文字体写法整理 [内容预览] 0 | 2017-07-20 10:09:44
    今天在折腾wordpress主题的时候,想把侧边栏上的2个标题转换为“方正姚体”,用Firebug调试OK了,保存到css文件里上传后,可是怎么弄也显示不对,网上搜索了一下,才知道原来在CSS中不能出现中文字体,解决办法就是把这些中文字体名字转换成英文名。Unicode简单的说一下制作网页时的为...

    [阅读全文]

  • CSS选择器的优先级别 [内容预览] 0 | 2017-07-20 10:09:38
    CSS样式选择器分为4个等级,a、b、c、d,可以以这四种等级为依据确定CSS选择器的优先级。1.如果样式是行内样式(通过Style=””定义),那么a=12.b为ID选择器的总数3.c为Class类选择器的数量。4.d为类型选择器的数量5.属性选择器,伪类选择器和class类选择器优先级一样,...

    [阅读全文]

  • CSS的四种引入方式 [内容预览] 1 | 2017-07-20 10:09:33
    CSS的引入方式最常用的有三种,第一:在head部分加入<linkrel="stylesheet"type="text/css"href="my.css"/>,引入外部的CSS文件。这种方法可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特点的方法;最能体现DIV+CSS中的内容与显示分离的思想...

    [阅读全文]

  • CSS全局字体写法比较 [内容预览] 0 | 2017-07-20 10:09:21
    body{font-family:Arial,sans-serif;}这是迄今为止发现的最好CSS全局字体写法解决方案。下面简单与其他写法对比一下。body{font-family:Tahoma,sans-serif;}这是一个不错的解决办法。Tahoma其实是一个挺漂亮的字体。但是它其实会带来一些问题:1.由Taho...

    [阅读全文]

  • [图文] CSS实现带箭头的流程进度条 [内容预览] 0 | 2017-07-20 10:08:30
    本文介绍的是利用纯CSS的带箭头流程进度条,兼容到IE8,需要的朋友们下面来一起学习学习。首先写出一个基本的样式。.cssNavli{padding:0px20px;line-height:40px;background:#50abe4;display:inline-block;color:#fff;position:...

    [阅读全文]

  • [图文] 利用纯CSS3实现动态的自行车特效w88优德官网中文安卓版 [内容预览] 0 | 2017-07-20 10:08:24
    首先来看看实现的效果图(静态):实例w88优德官网中文安卓版:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>自行车</title><styletype="text/css">*{margin:0;padding:0}ol,ul{list-style:none/*去掉圆点或数字*...

    [阅读全文]

  • CSS3中鲜为人知的属性:-webkit-tap-highlight-color [内容预览] 0 | 2017-07-20 10:03:52
    -webkit-tap-highlight-color这个属性只用于iOS(iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮,设置颜色...

    [阅读全文]

  • css控制文字过长裁剪后面跟着省略号 [内容预览] 1 | 2017-07-20 10:03:46
    首先要加的是这些属性{height:value;width:value;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}加高度这些文字过长就不会往下面跑,直接隐藏掉。加white-space:nowrap;才能显示出省略号,不加就是显示不出来(【错....

    [阅读全文]

  • css中margin-top或者margin-bottom失效的解决方法 [内容预览] 0 | 2017-07-20 10:03:35
    css中margin-top是设置容器的外间距了距离了,div嵌套后,margin-top或者margin-bottom失效了,在网上打到下面的方法可以解决。设计页面的时候遇到一个神奇的问题,下面是html的代码<body><divclass="homeNav"><divclass="homeCategory"></d...

    [阅读全文]

  • [组图] CSS3入门:由点到面 [内容预览] 4 | 2017-06-06 09:56:59
    3.DesignSwapDesignSwap网站里,所有文本链接都有0.2秒的悬浮过渡效果,个人头像会隐现并变为"浏览详细内容"文本链接。4.EricE.Anderson译者注:该网站已改版,与原内容不符,略去案例二:背景裁剪提及text-shadow和@font-face时,background-clip属性不乏亮点...

    [阅读全文]

  • [组图] CSS选择符详解之关系选择符篇 [内容预览] 5 | 2017-05-23 08:43:22
    相信大家都对CSS选择符都不陌生,选择符包含:元素选择符、关系选择符、属性选择符、伪类选择符、伪对象选择符。在众多的选择符中,可以让我们根据自己的需要更加灵活性的选择合适的选择符来对样式进行编写,达到最大的质量和效率。今天就为大家介绍下选择符中的关系选择符,“关系”这可是一等一的大事啊,我们得理...

    [阅读全文]

  • [图文] 初学者用div+css结构写网页的几个误区 [内容预览] 3 | 2017-05-22 08:37:25
    网页的制作中对于用div和css结构写静态页目前已经很成熟,但许多新入行的朋友对于使用div和css结构还有很多误区,这些误区也是我曾经经历过的并且被“老鸟”指正的地方,所以总结下来分享给大家,希望对写网页有所帮助。1、用div+css结构制作静态html网页不等于彻底抛弃古老的table写法。...

    [阅读全文]

  • [组图] 详解CSS定位的应用及注意事项 [内容预览] 5 | 2017-05-14 06:25:19
    在讲解CSS定位前,首先要搞清楚以下几个属性的真正含义和区别,如下:【position:relative|absolute|static|fixed】A:相对定位(position:relative):如果对某一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直(或水平)位置(top,right,bo...

    [阅读全文]

  • CSS应用小技巧十四例 [内容预览] 55 | 2012-03-06 09:15:15
    CSS是CascadingStyleSheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用InternetExplorer还是NetscapeNavigator在网上冲浪,几乎随时都在与CSS打交道,在网...

    [阅读全文]

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

    [阅读全文]

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

    [阅读全文]

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

    [阅读全文]

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

    [阅读全文]

  • 同一个页面用多个id有什么影响 [内容预览] 46 | 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的语法 [内容预览] 38 | 2012-03-06 09:14:45
    1.基本语法    CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。  基本格式如下:  selector{property:value}  (选择符{属性:值})  选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE...

    [阅读全文]

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

    [阅读全文]

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

    [阅读全文]

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

    [阅读全文]

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

    [阅读全文]

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

    [阅读全文]

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

    [阅读全文]

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

    [阅读全文]

  • CSS2 中文手册 [内容预览] 33 | 2012-03-06 09:14:03
 CSS   1204   30   1/41页   首页   1   2   3   4   5         GO