CSS教程
  •  2015-8-4 9:24:30

    HTML5+CSS3从入门到精通配套光盘内容

    HTML5+CSS3从入门到精通配套光盘内容,包括视频教程,课件素材, 阅读全文>>
  •  2015-5-26 19:54:16

    实现IE6、IE7、Firefox兼容的两种方案

      IE6、IE7、Firefox兼容性问题一直是大家比较关注的话题,这里向大家介绍一下解决IE6、IE7、Firefox兼容的两种方案,相信本文介绍一定会让你有所收获。  解决IE6、IE7、Firefox兼容的两种方案  ◆第一种方案:CSSHack  具体写法很容易:  #someNode   {   posit... 阅读全文>>
    标签:实现 兼容 两种 方案 
  •  2015-5-26 19:53:38

    HTML 5中的五个应用亮点

      1. 标签更语义化   标签语义化在Web2.0时代已经得到大力推广,不过开发人员仍需要足够的耐心,“曲线救国”是常常需要的,HTML4 如下 表现:  HTML 5 将如下表现:  2. Web 表单UI更好用  比如有下面这样一个表单:  在 HTML4 我们需要这样写代码,然后使用 JavaScript 或服... 阅读全文>>
    标签:中的 五个 应用 亮点 
  •  2015-5-26 19:53:17

    正确使用CSS中position属性

      在CSS布局中,Position发挥着非常重要的作用,很多容器的定位是用Position来完成,另外CSS中Position属性有四个可选值,它们分别是:static、absolute、fixed、relative;希望本文介绍对你有所帮助。  正确的使用CSS中position属性  Position的英文原意是... 阅读全文>>
    标签:正确 使用 属性 
  •  2015-5-26 19:52:32

    CSS布局中display:inline-block属性用法详解

      本文和大家重点讨论一下CSS属性display:inline-block用法,此属性将对象呈递为内联对象,但是对象的内容作为块对象呈递,旁边的内联对象会被呈递在同一行内,允许空格,相信本文介绍一定会让你有所收获。  深入理解CSS属性display:inline-block用法  在使用CSS实现表现的时候,会经常... 阅读全文>>
    标签:布局 属性 用法 详解 
  •  2015-5-26 19:52:21

    解析margin负值的四大应用

      本文向大家介绍一下margin负值的相关应用,主要从四个方面来向大家讲解,相信本文介绍一定会让你有所收获。  margin负值的相关应用  1.页面上实现CSSsprite背景定位效果  关于页面上背景定位效果,可以参见我的文章“IE6下png背景不透明问题的综合拓展”有关页面上定位的dem... 阅读全文>>
    标签:解析 负值 四大 应用 
  •  2015-5-26 19:51:57

    CSS简写用法剖析(1)

      本文和大家重点讨论一下CSS简写用法,简写CSS的好处有三:一是写起来方便(就像键盘快捷键);二是简化代码;三是帮助你熟悉和深刻理解CSS。  CSS简写用法介绍  简单的说,CSS简写就是在等效的前提下,把多句CSS代码简化成一句。在我看来,简写CSS的好处有三:一是写起来方便(就像键盘快捷键);二是简化代码;三... 阅读全文>>
    标签:简写 用法 剖析 
  •  2015-5-26 19:51:39

    DIV+CSS中min-height属性使用技巧

      本文和大家重点讨论一下DIV+CSS中min-height属性的使用方法,相信本文介绍一定会让你有所收获。  DIV+CSS中min-height属性使用技巧  最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera和Mozilla支持,... 阅读全文>>
    标签:属性 使用 技巧 
  •  2015-3-31 1:55:31

    网页设计:使用CSS缩写给你的网站加速[1]

    用CSS缩写给你的网站加速   Web网站可用性的关键指标是速度更确切地说是页面能以多快的速度出现在访问者的浏览器窗口里影响速度的因素有很多种包括Web服务器的速度访问者的Internet连接情况以及浏览器必须下载的文件大小尽管你无法控制服务器和连接的速度但是你可以控制构成网站Web页面的文件大小  为了让网站能够更快... 阅读全文>>
  •  2015-3-31 1:55:27

    HTML+CSS标签参考手册:有序列表的设计[3]

    ——此文章摘自《即用即查HTML+CSS标签参考手册》定价元 特价元 购买>> 有序列表的起始数值START【功能说明】 默认情况下有序列表从数字开始如果希望设置其他的起始数字可以通过START属性来实现 图 设置有序列表的符号类型【基本语法】 <OL START=起始数字> <LI&... 阅读全文>>
  •  2015-3-31 1:55:23

    HTML+CSS标签参考手册:有序列表的设计[2]

    ——此文章摘自《即用即查HTML+CSS标签参考手册》定价元 特价元 购买>> 在这里TYPE的取值有种具体内容和含义如表所示 TYPE的取值设置的符号样式 系统的默认效果以数字……进行排列 a以小写的字母abc……进行排列 A以大写的字母ABC……进行排列 i以小写的罗马数字iiiiiiiv……进行排列I... 阅读全文>>
  •  2015-3-31 1:55:20

    HTML+CSS标签参考手册:有序列表的设计[1]

    ——此文章摘自《即用即查HTML+CSS标签参考手册》定价元 特价元 购买>> 有序列表是指使用编号进行排列项目有序列表中的项目通常是有先后顺序的一般用来描述一些操作的步骤 有序列表标记OL【功能说明】 有序列表的标记是OL【基本语法】 <OL> <LI>有序列表项 <L... 阅读全文>>
  •  2015-3-31 1:55:16

    提升兼容不同浏览器CSS Hack的写法[2]

      注IE都能识别*;标准浏览器(如FF)不能识别*  IE能识别*但不能识别!important;  IE能识别*也能识别!important;  FF不能识别*但能识别!important;  IE IE FF  * √ √ ×  !important × √ √  另外再补充一个下划线_IE支持下划线IE和fir... 阅读全文>>
  •  2015-3-31 1:55:12

    提升兼容不同浏览器CSS Hack的写法[1]

      内容提要解决CSS中遇到的浏览器兼容性问题最简单的方式为CSS Hack现在我们讲将不同浏览器中CSS Hack写法!  关键字CSS Hack 浏览器兼容  区别IE与FF  background:orange;*background:blue;  区别IE与IE  background:green !impor... 阅读全文>>
  •  2015-3-31 1:55:09

    CSS布局中以图换字几种方法的优劣分析

    CSS布局中的以图换字其实是为了保证页面的可读性这样既有利于搜索引擎又有利于结构查看 由于这种方式被大多数人所认同所以方法也越来越多 一使用textindent的负值将内容移出容器 二使用display:none将内容隐藏 三使用padding将文字挤出容器之外并将超出的部分hidden; 四使用font设置超小字体... 阅读全文>>
  •  2015-3-31 1:55:06

    CSS引用方式import与link的具体区别

    我们知道在网页中引用外部CSS有两种方式即@import与link我们也经常听到有人说要使用link来引入CSS更好但是你知道为什么吗? link link就是把外部CSS与网页连接起来具体形式 <link href=http://wwweducitycn/xxxcss type=text/css /> ... 阅读全文>>
    标签:引用 方式 具体 区别 
  •  2015-3-31 1:55:01

    针对Google Chrome谷歌浏览器的CSS Hack

      编者按Google于月号推出了浏览器Google Chrome写前端效果的同志们又有得辛苦了IE/FF/Opera/Safari/Google Chrome本来不太平的世界更混乱了  所幸Google Chrome用的是与Safari一样的Webkit引擎我们可以使用对safari相似的方式作css hack写法为... 阅读全文>>
  •  2015-3-31 1:54:58

    浅析CSS clip属性[2]

    下面我举一个对图片进行裁切的简单例子 首先准备一张图片如图一中所示它的尺寸是px*像素我打算利用clip属性将图片进行裁切只让图中的大红点显示出来 我先制作一个放置图片的div外框它的CSS定义如下#imgClip { position:relative; width:px; height:px; backgroun... 阅读全文>>
    标签:浅析 属性 
  •  2015-3-31 1:54:55

    浅析CSS clip属性[1]

    clip属性是一个比较有用的属性但往往在实际应用中并不多见应用clip属性需要注意的两点 一clip属性必须和定位属性postion一起使用才能生效 二clip裁切的计算坐标都是以左上角即()点开始计算如图三所示这点不像padding和margin它们两个的右边距和下边距是从最右边和最下边开始计算的 clip属性基础... 阅读全文>>
    标签:浅析 属性 
  •  2015-3-31 1:54:52

    CSS网页布局需要掌握的技巧汇总

      若有疑问立即检测  在出错时若能对原始代码做简单检测可以省去很多头痛问题WC对于XHTML与CSS 都有检测工具可用请见 http://validatorworg 请注意在文件开头的错误可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测这样也许会让错误数量爆减  使用浮动功能时记得适当... 阅读全文>>
  •  2015-3-31 1:54:49

    精通CSS:使用有意义的标记

    《精通 CSS高级Web标准解决方案》 章节连载 >>> 使用有意义的标记早期的Web仅仅是一系列相互链接的研究文档并使用HTML添加基本的格式和结构但是随着万维网的流行HTML开始用来表现页面人们使用字体和粗体标签的组合来创建所需的视觉效果而不只是用标题元素突出显示页面的标题表格成了一种布局工具而... 阅读全文>>
  •  2015-3-31 1:54:35

    关于CSS通配符*问题

    A:不知道为什么css没有哦找到 用css 通配符*的案例呢? Q:一般用来消除浏览器默认属性 A:我知道的呀我查了好多例子为什么通配符这么好用好多写css的都不用呢国外的案例我也看了也没找到使用通配符的为什么呢? 好多都是写一大推的divullitabletrtd等的重设也不用通配符css方案我也查了好多也是这是为... 阅读全文>>
    标签:通配符 问题 
  •  2015-3-31 1:54:32

    浅谈CSS Sprites技术以及图片优化

    关于CSS Sprites技术的优化我们能做到多少能减多少的请求数量这并且不是单方面能做到的一切取决于XHTMLCSSCSS Sprites图片之间的配合现时为止没有绝对优化的做法这也是我在项目中经常衡量CSS Sprites图片与XHTML关系以下总结了图片切割术与图象优化的一些方法 图片优化 一对于非动画的GIF... 阅读全文>>
  •  2015-3-31 1:54:28

    精通CSS:山顶角与阴影

    《精通CSS高级Web标准解决方案》 章节连载 >>> 山顶角山顶角(mountaintop corner)是一个简单但非常灵活的概念是由wwwsimplebitscom的Dan Cederholm首创的他是畅销图书Web Standards Solutions(friends of ED)的作者... 阅读全文>>
    标签:精通 山顶 阴影 
  •  2015-3-31 1:54:24

    一位CSS新手整理的CSS网页布局技巧[3]

    如何让一个表单中的文本框中的文字垂直居中? 如果用行高与高度的组在FF中是没有效果的办法就是定义上下补白就可以实现想想的效果了 定义A标签要注意的小问题 当我们定义a{color:red;}时它代表了A的四种状态的样式如果此时要定义一个鼠标放上的状态只要定义a:hover就可以了其它三种状态就是A中所定义的样式 只定... 阅读全文>>
  •  2015-3-31 1:54:21

    一位CSS新手整理的CSS网页布局技巧[2]

    完美的单象素外框线表格(在IEIEIE及FF以上中均可通过测试) table{bordercollapse:collapse;} td{border:# solid px;} margin取负值可以在标签使用绝对定位的时候起到相对定位的作用在页面居中显示时使用绝对定位的层不适合使用left:XXpx这个属性把这个层放... 阅读全文>>
  •  2015-3-31 1:54:18

    一位CSS新手整理的CSS网页布局技巧[1]

    对CSS网页布局的技巧可谓是名目繁多今天介绍一位CSS新手整理的CSS网页布局的小技巧或许对您更有实际的参考价值 ul标签在Mozilla中默认是有padding值的而在IE中只有margin有值 同一个的class选择符可以在一个文档中重复出现而id选择符却只能出现一次对一个标签同时使用class和id进行CSS定... 阅读全文>>
  •  2015-3-31 1:54:15

    精通CSS:使用有意义的标记(2)

    《精通 CSS高级Web标准解决方案》 章节连载 >>>ID和类名有意义的元素提供了很好的基础但是可用元素的列表并不全面(X)HTML是作为简单的文档标记语言创建的而不是界面语言因此没有用于内容区域或导航栏等的专用元素虽然可以使用XML创建自己的元素但是由于太复杂这在目前还不太现实次优的解决方案是使用... 阅读全文>>
  •  2015-3-31 1:54:12

    网页设计:使用CSS缩写给你的网站加速[7]

      别指望 minwidth 在IE中有用  IE不支持它但是它将 width 当作 minwidth所以通过一些 IE 的过滤技巧(filtering)可以实现同样的最终效果  走投无路时试一试减少宽度  由于舍入误差有时 % 加上 % 等于 %破坏某些浏览器中的布局不妨试试将 % 减到 %甚至 %  IE 中显示不... 阅读全文>>
  •  2015-3-31 1:54:08

    网页设计:使用CSS缩写给你的网站加速[6]

      关于作者  Greg Rewis 是 Macromedia Web 技术最主要的宣传者 Greg 是 Macromedia 的公众代言人代言 Web 上发行的 Macromedia 软件套件和 Web 应用程序开发服务器同时他又代表公司成千上万顾客的利益与产品开发部门进行沟通Greg 十分了解 Macromedia... 阅读全文>>
  •  2015-3-31 1:54:04

    网页设计:使用CSS缩写给你的网站加速[5]

      使用外部样式表还有一个潜在的呈现方面的好处在传统的基于表格的方法中浏览器必须检索分析并单独呈现每个页面也就是说浏览器在您的站点上显示第页时耗费的工作和显示第页时一样多  但是如果使用外部样式表进行显示站点的第一页将提示浏览器将页面使用的已链接样式表文件缓存起来这意味着站点中所有使用上述样式表的后继页面下载速度会更快... 阅读全文>>
  •  2015-3-31 1:54:01

    网页设计:使用CSS缩写给你的网站加速[4]

      CSS 起源  回顾 CSS 的优点之前我要先介绍一下它的历史Web 管理组织 WC 在年月推荐使用 CSS并批准了 CSS级规范CSS级规范说明了用于 HTML 页面的属性这些属性代替了传统的字体标签和其他样式标记例如颜色和边距 年月WC 批准了 CSS级规范将一些附加功能添加到级规范并引进了定位属性这些属性代替... 阅读全文>>
  •  2015-3-31 1:53:57

    网页设计:使用CSS缩写给你的网站加速[3]

      减少空白  减少CSS样式表大小的另一种方法是从文档里删掉大多数无用的空白换句话说将每条规则打破放进一行代码里即把原来插入到代码里用来把每个性质/属性分割到不同行的换行符和缩进符删掉  例如下面的代码示例在内容上相同但是第二个要精炼得多以下是引用片段  h{   fontsize:xlarge;   fontwei... 阅读全文>>
  •  2015-3-31 1:53:54

    网页设计:使用CSS缩写给你的网站加速[2]

      当属性是类似的值的时候例如用于边框空白性质(margin property)的线性测量的时候接在缩写性质之后的属性的顺序很重要属性的次序是从顶部(顶部的边框空白)开始然后围绕格子(box)按顺时针次序继续  如果缩写性质的所有属性都是相同的那么你可以简单地列出单个属性然后在前面将它复制四遍因此下面的两个性质是相等的... 阅读全文>>
  •  2015-3-31 1:53:41

    精通CSS:常用的选择器

    《精通CSS高级Web标准解决方案》 章节连载 >>> 为样式找到目标有效且结构良好的文档为应用样式提供了一个框架要想使用CSS将样式应用于特定的(X)HTML元素需要有办法找到这个元素在CSS中执行这一任务的样式规则部分称为选择器(selector) 常用的选择器最常用的选择器类型是类型选择器和后代... 阅读全文>>
  •  2015-3-31 1:53:38

    特定选择器控制权的多个CSS样式表[2]

    最后按正确的顺序写出三个数字不要加空格或逗号得到一个三位数( 注意你需要将数字转换成一个以三个数字结尾的更大的数)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的以下是一个按特性分类的选择符的列表#id {xxx} /* a= b= c= ——> 特性 =*/ UL UL LIred {xx... 阅读全文>>
  •  2015-3-31 1:53:34

    特定选择器控制权的多个CSS样式表[1]

    CSS样式 层叠顺序 当使用了多个样式表样式表需要争夺特定选择符的控制权在这些情况下总会有样式表的规则能获得控制权以下的特性将决定互相对立的样式表的结果 正如以前所提及的网页制作者和读者都有能力去指定样式表当两者的规则发生冲突网页制作者的规则会凌驾于读者的其它相同权重的规则而网页制作者和读者的样式表都超越浏览器的内置... 阅读全文>>
  •  2015-3-31 1:53:30

    CSS教程:CSS文件应该保持整洁和统一

      一位网友遇到了一个头疼的问题需要对经过若干次修改以后的网站进行重整需要剔除冗余的代码在CSS样式重整方面比较头疼不仅需要对现有的样式进行合并与精简还需要为网站增加换肤功能  不难看出这是一个令人感觉很烦躁的工作面对一行一行代码头皮发麻如果我们养成良好的习惯或许可以让工作更容易一些就此问题与经验以下的文字或许有很大的... 阅读全文>>
  •  2015-3-31 1:53:27

    如何实现HTML页面无刷新更换CSS样式

    对于一个多页面的网站来说了CSS的更换不能只简单的在一个页面中调用更换CSS功能更新这个页面头上链接的CSS地址因为它不能保证在点击了别的页面后新的样式应该到新打开的页面中去因此一定要有一个全局性的变量来记录它我选用的是SESSION在用户点击了侧边模板下拉框中的模板时触发了下拉框的ONCHANGE事件执行了一段AJA... 阅读全文>>
  •  2015-3-31 1:53:24

    玩转Dreamweaver速记CSS属性

    CSS 规范允许使用称作速记 CSS 的简略语法创建样式速记 CSS 使您可以用一个属性标签指定多个属性的值例如您可以使用 font 属性在一行语法中设置 fontstylefontvariantfontweightfontsizelineheight 和 fontfamily 属性 使用速记 CSS 时需要注意的关... 阅读全文>>
    标签:速记 属性 
  •  2015-3-31 1:53:21

    精通CSS:文档类型、DOCTYPE切换和浏览器模式

    《精通CSS高级Web标准解决方案》 章节连载 >>> 文档类型DOCTYPE切换和浏览器模式DTD(文档类型定义)是一组机器可读的规则它们定义XML或(X)HTML的特定版本中允许有什么不允许有什么在解析网页时浏览器将使用这些规则检查页面的有效性并且采取相应的措施浏览器通过分析页面的DOCTYPE声... 阅读全文>>
  •  2015-3-31 1:53:18

    HTML+CSS标签参考手册:定义列表标记—DL

    ——此文章摘自《即用即查HTML+CSS标签参考手册》定价元 特价元 购买>> 【功能说明】定义列表也称为字典列表是一种包含两个层次的列表主要用于进行名词解释或名词定义名词是第一层次解释或定义是第二层次另外这种列表不包括项目符号每个列表项带有一段缩进的定义文字【基本语法】<DL> <DT&... 阅读全文>>
  •  2015-3-31 1:53:14

    CSS资料集:IE8 CSS hack[2]

    如此就可以完全区分开IEIEIEFireFox了 什么?还是不知道怎么区分好吧来看个例子<!DOCTYPE html PUBLIC //WC//DTD XHTMLTransitional//EN http://wwwworg/TR/xhtml/DTD/xhtmltransitionaldtd><ht... 阅读全文>>
    标签:资料 
  •  2015-3-31 1:53:11

    CSS资料集:IE8 CSS hack[1]

    CSS兼容性一直是大家头疼的问题IEIE和FF已经让大家够呛今天向大家介绍IE的CSS hack IE正式版发布以来一直在找一种区别IE正式版的方法在百度搜索IE hack有万多个结果google搜索则有万多个结果但几乎没有看到任何一种有效的方法是针对IE正式版的要知道IE正式版和测试版在hack上是有很大区别的而且... 阅读全文>>
    标签:资料 
  •  2015-3-31 1:53:08

    Div+CSS布局技巧博览[3]

    CSS:#header{width:%; height:auto;}#wrap{ width:%; height:auto;}#column{ float:left; width:%;}#column{ float:left; width:%;}#column{ float:right; width:%;}#colu... 阅读全文>>
    标签:布局 技巧 博览 
  •  2015-3-31 1:53:04

    Div+CSS布局技巧博览[2]

    float定位xhtml:<div id=wrap><div id=column><div id=column>这里是第一列</div><div id=column>这里是第二列</div><div class=clear></... 阅读全文>>
    标签:布局 技巧 博览 
  •  2015-3-31 1:53:01

    Div+CSS布局技巧博览[1]

    CSS布局常用的方法 float : none | left | right 取值none :  默认值对象不飘浮left :  文本流向对象的右边right :  文本流向对象的左边它是怎样工作的看个一行两列的例子xhtml:<div id=wrap><div id=column>这里是第一... 阅读全文>>
    标签:布局 技巧 博览 
  •  2015-3-31 1:52:48

    IE和FF中css透明度的继承问题的讨论

    当父容器设置了透明度的时候子容器会继承父容器的性质面对这个问题我们也不知道该说是bug还是说是大家对透明的理解方式问题先不管css的标准认为怎样才是最合理的当我们遇到不想要子容器也透明的时候如何去解决这样的问题 方法一  针对IE在子容器添加  position:relative;  针对firefox等就只能使用p... 阅读全文>>

图库精选

全站地图