电脑频道 > 网页制作 > 网络标准 > CSS
  • 重新认识CSS的权重

    今天 大白 问了一个关于CSS权重的问题。 关于选择器权重的问题。class的权重是10 标签权重是 1。比如说 p span{} 权重是2. 如果11标签自选择器的组合的权重11,会不会覆盖 一个class选择器权重10的 样式。 在跟他的讨论中,重新整理了我对CSS权重的理解。 在《 样式的作用域──页面重构中的模块化设计(一) 》中有做过总结,其中提到比较重要的两点。……

  • CSS的未来:一些试验性CSS属性

    原文:CSS的未来:一些试验性CSS属性译自:The Future Of CSS: Experimental CSS Properties请尊重版权,转载请注明来源,多谢。 尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到,所以如果你最近在设计网站,你很难能脱离它们。……

  • 30个最常用css选择器解析

    你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。 1.。 。 * {margin: 0;padding: 0; }。……

  • 谷歌的玛莎·葛兰姆纪念LOGO竟然是CSS编写的

    为纪念美国现代舞舞蹈家玛莎·葛兰姆诞辰,Google Doodle推出了一款极其炫酷的LOGO,奇的是,你很难想象整个LOGO竟然是纯CSS所作,具体是采用了CSS Sprite技术,用一个初始图片和一张画满各个动作的拼接图片,实现了动画,而非传统的GIF动画图像。 。 LOGO效果图示意。……

    谷歌的玛莎·葛兰姆纪念LOGO竟然是CSS编写的
  • CSS命名准则和方法学习手册

    一、“无”的哲学。 佛家讲究“因果报应”,有果必有应。此段看似与主题没有血缘关系,实际讲的是“因”。 我个人比较喜欢老子的道家思想,并喜欢以其思想解释学习与工作中遇到的一些问题。例如我之前写过的“中国古代道家思想与网页重构的思考”一文。 老子有云:“天下万物生于有,有生于无”。具体解释就是:天下万物都是由看得见的具体事物(“有”)产生的,而看得见的具体事物(“有”)又是由看不见的,无形无状的东西(“无”)产生的,这个看不见的“无”也就是“道”,或叫做“根”、“母”。……

    CSS命名准则和方法学习手册
  • 最实用的HTML,CSS和JavaScript速查表

    速查表是帮你记住东西的有效工具。Web设计师和开发者经常使用的快捷键简表会使他们在网上的工作效率大大提高。 事实上,速查表就是来帮助我们把日常中最常用到的信息聚集起来,方便使用,使我们做工作时更有效率。有了它们,免去了你的大脑花额外时间去记忆它们的烦恼——你只需要打开简表,马上能查到你想要的信息。……

    最实用的HTML,CSS和JavaScript速查表
  • CSS3新特性 Media Queries 详解

    说起CSS3的新特性,就不得不提到 Media Queries。 本文比较详细,所以很多实际中用不到。所以如果只是想简单了解Media Queries,推荐参考 CSS3 Media Queries。 CSS2.1定义了 Media 的部分,包括类型、组别和规则等。CSS并非为了显示器而创造,而是应用于各种各样的媒体,比如常见的显示器,越来愈多的手持设备,可能略显过时的电视机等等。……

  • CSS定位机制普通流

    由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章,于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model。实话说,还真是看得有点头大,呵呵~。 文档流,其实标准里根本就没有这个词。如果把文档流直译为英文就是 document flow ,但标准里只有另一个词,叫做普通流( normal flow ),或者称为常规流。但似乎大家更习惯文档流的称呼,因为很多中文翻译的书就是这么来的。比如《CSS Mastery》,英文原书中至始至终都只有普通流 normal flow 这一词,从来没出现过文档流 document flow。但是中文译本“普通流”和“文档流”却是交替出现的。……

  • IE和Firefox中CSS兼容性技巧分享

    CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。……

  • 用CSS3创建多重边框色

    是的,我们知道:我们可以为border设置它的width,这个border的宽度可以是5px,可是10px,可以是20px,可以是随意数值。 可是,你想象过可以为每1px的border单独设置颜色么?这是个什么概念?就是说,如果你为一个元素设置了10px的border,那么这10px的边框区域,你可以为它设置10种颜色。每1px是一重(一组)。DEMO:css3 border-colors多组边框色详解。……

  • HTML和CSS中的视觉语义分析

    。 你和用户之间的网站堆栈(简化版)。 在TXJS大会的最后一天,一个开发者问我。 面向对象的CSS没有给你留下一大堆基于表现的class名?。 网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件,人们对于HTML和CSS的期望是一样一样的。HTML需要用一种能代表数据或内容的有意义的东西来书写,也就是我所谓的代码语义。HTML中的代码语义对于可移植性和易用性都是极为重要的。另一方面,CSS在堆栈中确实是一个独立的层,它需要能反映页面的视觉语义的属于自己的体系结构。……

  • 正确的粒度是减小CSS的关键之一

    在上一篇文章中 ,我说到。 强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿,因为的CSS和HTML需要比PHP更细致的对象结构。事实上,PHP的模板不是天生合适的,因为每个模板包含了许多不同的HTML,以及以不同的方式相结合的CSS对象。 然后,我并没有解释它,或者给出适当的语境。抱歉。……

    作者:vocal  关键字:css发布日期:2010-07-09
  • css2.1如何作出多重背景和边框效果

    在单个HTML元素上利用CSS2.1实现拥有3张背景图片和2张内容图效果,或者多重边框的效果。这种渐进增强的方式适用于所有支持CSS2.1伪元素及其定位属性的所有浏览器。不需要CSS3的支持。 演示:使用CSS2.1的多背景。 演示:使用CSS2.1的多边框。 支持的浏览器:Firefox 3.5+, Safari 4+, chrome4+, opera10+, IE8+。……

  • CSS文字隐藏 { hide_text } 分析

    。 最近整理的一份CSS文字隐藏的demo,总结了几种方法,希望得出一种最完美的方案放进自己的代码片段,可是,到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多,放下浏览器不谈,不同的应用终端,不同的标签结构会有不一样的最优方案,因此,与其希望在工作上多“偷一些懒”,不如平常多巩固积累基础的知识,在需要权衡的时候,便能更加得心应手。……

  • 让CSS渲染更高效讨论

    原文:Efficiently Rendering CSS。 我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢,浏览器渲染的速度又如何呢。 这是应该是浏览器开发者应该关心的(页面加载更快,用户就会更愉快)。Mozilla有一篇文章: about best practices . Google 当然也很关心这个问题,他们也有这样一篇文章:Optimize browser rendering。……

  • 讨论css reset的list-style:none

    原来工作中曾经碰到过UL列表里一些异常的表现,加上昨天看到了http://bbs.blueidea.com/thread-2984871-1-1.html 这个贴子,所以测试了一下list-style的各种属性,发现了一个有意思的现象。 先看一下CSS手册中,对于list-style的解释。 定义和用法list-style 简写属性在一个声明中设置所有的列表属性。……

  • CSS Hack 与兼容性讨论

    人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以方便维护。而解决兼容的方法就是(必须是,因为这才最容易有问题的)其中一个最重要的、要解决的规范之一。……

  • css3的新盒模型——弹性盒模型

    Css3引入了新的盒模型——弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)相似,其它语言也使用相同的盒模型,如XAML 、GladeXML。 使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使用以下的HTML代码。……

  • InDesign CS5新功能超前预览

    Adobe InDesign CS5 软件引入了突破性的工作效率和协作功能,如简化的对象编辑和选择、与 Adobe CS Live 在线服务集成以及创建可以吸引读者的丰富交互式文档的能力。 InDesign CS5新功能更新列表。 1、交互式文档和演示文稿。 为文档和演示文稿加入交互性、移动、声音和视频,直接导出为 SWF 并在 Adobe Flash? Player 运行时中回放。……

  • CSS的5个简单实用属性

    这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉,但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性,我指的是旧的 CSS2 中的属性,如:clip,min-height,white-space,curosr 和 display 等一些被所有浏览器广泛支持的属性。因此,千万不要错过这篇文章,因为你可能发现它们竟有如此之大的用途。……

相关技术类别
热门技术文章
>> 排行榜
最新资讯文章
技术图文推荐
广告
推荐阅读技术
搜索您感兴趣的内容
Google
Google