您好、欢迎来到现金彩票网!
当前位置:秒速快三计划 > 属性语法 >

手写样式表:CSS语法全攻略(上)

发布时间:2019-05-18 13:57 来源:未知 编辑:admin

  为什么不能用可视化编辑器写CSS呢?理由很简单,手写CSS可以写很多可视化编辑器写不出的样式,刚开始手写可能会不大习惯,可是配合智能提示,写熟了是不会比可视化编辑器点的慢。

  想学好CSS就要学会接受各种浏览器的虐待(当然做某些特定只要针对只有IE用户的网站例外),在接受浏览器的虐待的第一步是放弃可视化编辑器。如果不能放弃,后面的很多东西你就只能看看。

  像很多语言一样 * 代表所有,一般开始我会在一个CSS的开始时做下面这样的定义:这样定义是把所有的元素的margin跟padding定义为0。例子

  这个是大家最最常用的吧,说Element可能大家不会知道,看下面的。例子

  这个跟包含选择符有什么不同呢?他只对他的子一级元素有效(IE6还不支持)。例子

  这两个有什么不同呢,前一个是定义所有class=className。例子

  Element[attr=value] 选择具有attr属性且属性值为一用连字符(-)分隔的字词列表,必须是以value开始的元素。 例子

  将同样的定义应用于多个选择符,可以将选择符以逗号分隔的方式并为组。不只只是元素,上面所说的八类选择符跟下面的都可以应用 。例子

  当然还有定义打印的:first :left :right,这里只介绍屏幕上的。例子:link,:visited,:hover,:active 这四类是常见到的,因为IE的a元素支持他。 例子:focus 对象在成为输入焦点(该对象的onfocus事件发生)时出现(IE不支持)。例子

  那样多个选择符,我怎知道哪个优先权高呢?上一篇只讲到 important 提高优先权,现在再说说选择符的优先权,old9兄的blog已经有了一篇讲到,这里引用一下,也好偷下懒首先就是CSS规则的specificity(特殊性),CSS2.1有一套关于specificity的计算方式,用一个四位的数字串(CSS2是三位)来表示,最终specificity越高的规则越特殊,在优先级判定时也就越有优势。关于specificity的具体计算在各种情况下的数字加成有如下一般规则:

  每个元素或伪元素(:firstchild)等,加0,0,0,1其他选择符包括全局选择符*,加0,0,0,0。相当于没加,不过这也是一种specificity,后面会解释。 举一些例子吧:

  /* 7个普通元素、一个属性选择符、两个其他选择符,结果是0,0,1,7 */

  由继承而得到的样式没有specificity的计算,它低于一切其他规则(比如全局选择符*定义的规则)。

  关于经由@import载入的外部样式,由于@import必须出现在所有其他规则定义之前(如不是,则浏览器应该忽略之),所以按照后来居上原则,一般优先权冲突时是占下风的。

  这里需要提一下IE,IE是可以识别位置错误的@import的,但无论@import在什么地方,它都认为是位于所有其他规则定义之前的,这可能会引发一些误会。

  看来一篇写不完了,属性留在下篇再说吧(这年头多混个页的流量也不容易) !

  * 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!

  Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]

  三星Galaxy S10+跑分首曝,也是Exynos9820首秀,安兔兔超32.5万

  国产AI服务器的“变形金刚”曙光XMachine如何“炼成十八般武艺”

  经济环保 Brother DCP-B7530DN激光打印机售价2149元

  GTC China 2018:AMAX重磅推出类脑智能计算一体机联合解决方案

http://isaegil.net/shuxingyufa/37.html
锟斤拷锟斤拷锟斤拷QQ微锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷微锟斤拷
关于我们|联系我们|版权声明|网站地图|
Copyright © 2002-2019 现金彩票 版权所有