首页运营SEO 渡虎谷告诉你CSS的结构和规则

渡虎谷告诉你CSS的结构和规则

基本语法
规则
选择符
任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是指向非凡样式的元素。例如, P { text-indent: 3em }
当中的选择符是P。 类选择符
单一…

基本语法
规则
选择符
任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是指向非凡样式的元素。例如,

P { text-indent: 3em }
当中的选择符是P。

类选择符
单一个选择符能有不同的CLASS(类),因而答应同一元素有不同样式。例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码 :

code.html { color: #191970 }code.css { color: #4b0082 }
以上的例子建立了两个类,css和html,供HTML的CODE元素使用。CLASS属性是用于在HTML中以指明元素的类,例如,


每个选择符只答应有一个类。例如,code.html.proprietary是无效的。

类的声明也可以无须相关的元素:

.note { font-size: small }
渡虎谷在这个例子,名为note的类可以被用于任何元素。

一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。上述例子中的note类也可以命名为small,但假如网页制作者决定改变这个类的样式,使得它不再是小字体的话,那么这个名字就变得毫无意义了。

ID 选择符
ID 选择符个别地定义每个元素的成分。这种选择符应该尽量少用,因为他具有一定的局限。一个ID选择符的指定要有指示符"#"在名字前面。例如,ID选择符可以指定如下:

#svp94O { text-indent: 3em }
这点可以参考HTML中的ID属性:


文本缩进3em

关联选择符
关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。这些选择符可以指定一般属性,而且因为层叠顺序的规则,它们的优先权比单一的选择符大。例如, 以下的上下文选择符

P EM { background: yellow }
是P EM。这个值表示段落中的强调文本会是黄色背景;而标题的强调文本则不受影响。

声明
属性
一个属性被指定到选择符是为了使用它的样式。属性的例子包括颜色、边界和字体。


声明的值是一个属性接受的指定。例如,属性颜色能接受值red。

组合
为了减少样式表的重复声明,组合的选择符声明是答应的。例如,文档中所有的标题可以通过组合给出相同的声明:

H1, H2, H3, H4, H5, H6 { color: red; font-family: sans-serif }
继续
实际上,所有在选择符中嵌套的选择符都会继续外层选择符指定的属性值,除非另外更改。例如,一个BODY定义了的颜色值也会应用到段落的文本中。

有些情况是内部选择符不继续四周的选择符的值,但理论上这些都是非凡的。例如,上边界属性是不会继续的;直觉上,一个段落不会有同文档BODY一样的上边界值。

注解
样式表里面的注解使用C语言编程中一样的约定方法去指定。CSS1注解的例子如以下格式:

/* COMMENTS CANNOT BE NESTED */
伪类和伪元素
伪类和伪元素是非凡的类和元素,能自动地被支持CSS的浏览器所识别。伪类区别开不同种类的元素(例如,visited links(已访问的连接)和active links(可激活连接)描述了两个定位锚(anchors)的类型)。伪元素指元素的一部分,例如段落的第一个字母。

伪类或伪元素规则的形式如

选择符:伪类 { 属性: 值 }

选择符:伪元素 { 属性: 值 }
伪类和伪元素不应用HTML的CLASS属性来指定。一般的类可以与伪类和伪元素一起使用,如下:

本文来自网络,不代表1号站长-站长学院|资讯交流平台立场。转载请注明出处: https://www.1cn.cc/yunying/seo/30223.html
上一篇针对错误关键词的SEO没有意义
下一篇 优化:自然搜索流量的诊断
admin

作者: admin

这里可以再内容模板定义一些文字和说明,也可以调用对应作者的简介!或者做一些网站的描述之类的文字或者HTML!

为您推荐

评论列表()

    联系我们

    联系我们

    0898-88888888

    在线咨询: QQ交谈

    邮箱: email@wangzhan.com

    工作时间:周一至周五,9:00-17:30,节假日休息

    关注微信
    微信扫一扫关注我们

    微信扫一扫关注我们

    关注微博
    返回顶部