CSS教程：了解熟悉css语法

前端  /  管理员 发布于 7年前   259


前面一篇介绍了网页制作的CSS的作用
宣告CSS样式的语法如下：
x衿{ 选择器{
傩裕涸O定值； 属性：设定值；
...
}
在一x衿(Selector) 中，可以O定的傩的]有限制。在一个选择器(Selector)中，可以设定的属性数目没有限制。
x衿髦饕腥N：型(Type) x衿鳌Class x衿鳌⒑ID x衿鳌Ｑ≡衿髦饕腥郑盒屠(Type)选择器、Class选择器、和ID选择器。
型x衿魇(X)HTML 嘶`，如<body> 和<h1>。型类选择器是(X)HTML标签，如<body>和<h1>。 Class 和ID x衿魇鞘褂谜咦杂的x衿鳌 Class和ID选择器是使用者自订的选择器。 我谥嵊@深的x衿鳌Ｎ颐腔嵩谥筇致壅饬嚼嗟难≡衿鳌
邮绞且浴傩裕涸O定值』的方式碇贫āＱ绞且浴菏粜裕荷瓒ㄖ怠坏姆绞嚼粗贫ā e例碚f，若我要O定一元素鹊奈淖质屈S色的，那就用以下的『傩裕涸O定值』：举例来说，若我们要设定一个元素内的文字是黄色的，那就用以下的『属性：设定值』：
color:yellow;
在以上的宣告龋color 是傩裕yellow 是O定值。在以上的宣告内，color是属性，而yellow是设定值。
在某些r候，一傩钥赡泻O定值。在某些时候，一个属性可能会有好几个设定值。 @些通常都是因傩允且捷。这些通常都是因为属性是一个捷径。 e例碚f， margin傩钥赡4 O定值，而每一值代表每一的界L度。举例来说， margin属性可能会有4个设定值，而每一个值代表每一边的边界长度。
Grouping
如果有x衿飨碛型拥邮剑可以同r被宣告。如果有数个选择器享有同样的样式，它们可以同时被宣告。 @叫做"grouping"。这叫做"grouping"。 e例碚f，如果<h1>, <h2>, and <h3> 都邢嗤邮剑撬就可以用以下的方式被宣告：举例来说，如果<h1>, <h2>, and <h3>都会有相同的样式，那它们就可以用以下的方式被宣告：
h1 h2 h3 { h1 h2 h3 {
傩裕涸O定值；属性：设定值；
...
}
後代x衿(Descendant Selectors)后代选择器(Descendant Selectors)
我可以O定f，只有甲元素在乙元素之r，甲元素才媚邮健Ｎ颐强梢陨瓒ㄋ担挥械奔自卦谝以刂谑保自夭呕嵊媚掣鲅健 若甲元素不在乙元素鹊脑，那甲元素就可以有其他的邮健Ｈ艏自夭辉谝以啬诘幕埃羌自鼐涂梢杂衅渌难健 要_到@目耍就要利用後代x衿鞯姆绞健Ｒ锏秸飧瞿勘辏颐蔷鸵煤蟠≡衿鞯姆绞健
後代x衿餍娴恼Z法是：后代选择器宣告的语法是：
【父x衿鳌俊咀舆x衿鳌{ 【父选择器】【子选择器】{
傩裕涸O定值； 属性：设定值；
...
}
在以上的宣告中，只有子x衿魇窃诟高x衿髦r，邮讲挥玫健Ｔ谝陨系男嬷校挥械弊友≡衿魇窃诟秆≡衿髦谑保讲呕岜挥玫健 @一的Z法可以包括好代的x衿鳎皇侵挥纱选Ｕ庖焕嗟挠锓梢园ê眉复难≡衿鳎皇侵挥辛酱选
e例碚f，以下的宣告，举例来说，以下的宣告，
li b { li b {
color:yellow;
}
代表在<li> <b> 之鹊奈淖质屈S色的。代表在<li> <b>之内的文字是黄色的。 不是在<li> 之鹊<b> 中的文字，就不子命S色字w@邮健２皇窃<li>之内的<b>中的文字，就不会套用黄色字体这个样式。
下一篇我们将介绍CSS放入网页的方法。


  • 上一条：
    CSS教程：媒体类别语法
    下一条：
    CSS教程:复合型条状图表

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客