头闻号

深圳市超月盛塑胶五金制品有限公司

模具设计|塑料模|注塑加工|工农业用塑料制品|家用塑料制品|钟表

首页 > 新闻中心 > 科技常识:CSS教程:了解熟悉css语法
科技常识:CSS教程:了解熟悉css语法
发布时间:2023-02-01 09:49:42        浏览次数:2        返回列表

今天小编跟大家讲解下有关CSS教程:了解熟悉css语法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS教程:了解熟悉css语法 的相关资料,希望小伙伴们看了有所帮助。

前面一篇介绍了网页制作的CSS的作用宣告CSS样式的语法如下: x衿{ 选择器{ 傩裕涸O定值; 属性:设定值; ... } 在一x衿(Selector) 中 可以O定的傩的]有限制。在一个选择器(Selector)中 可以设定的属性数目没有限制。 x衿髦饕腥N:型(Type) x衿鳌Class x衿鳌⒑ID x衿鳌Q≡衿髦饕腥郑盒屠(Type)选择器、Class选择器、和ID选择器。 型x衿魇(X)HTML 嘶` 如<body> 和<h1>。型类选择器是(X)HTML标签 如<body>和<h1>。 Class 和ID x衿魇鞘褂谜咦杂的x衿鳌 Class和ID选择器是使用者自订的选择器。 [email protected]N颐腔嵩谥筇致壅饬嚼嗟难≡衿鳌 邮绞且浴傩裕涸O定值』的方式碇贫āQ绞且浴菏粜裕荷瓒ㄖ怠坏姆绞嚼粗贫ā 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 甲元素才媚邮健N颐强梢陨瓒ㄋ担挥械奔自卦谝以刂谑保自夭呕嵊媚掣鲅健 若甲元素不在乙元素鹊脑 那甲元素就可以有其他的邮健H艏自夭辉谝以啬诘幕埃羌自鼐涂梢杂衅渌难健 [email protected]R锏秸飧瞿勘辏颐蔷鸵煤蟠≡衿鞯姆绞健 後代x衿餍娴恼Z法是:后代选择器宣告的语法是: 【父x衿鳌俊咀舆x衿鳌{ 【父选择器】【子选择器】{ 傩裕涸O定值; 属性:设定值; ... } 在以上的宣告中 只有子x衿魇窃诟高x衿髦r 邮讲挥玫健T谝陨系男嬷校挥械弊友≡衿魇窃诟秆≡衿髦谑保讲呕岜挥玫健 @一的Z法可以包括好代的x衿鳎皇侵挥纱选U庖焕嗟挠锓梢园ê眉复难≡衿鳎皇侵挥辛酱选 e例碚f 以下的宣告 举例来说 以下的宣告 li b { li b { color:yellow; }代表在<li> <b> 之鹊奈淖质屈S色的。代表在<li> <b>之内的文字是黄色的。 不是在<li> 之鹊<b> 中的文字 [email protected]2皇窃<li>之内的<b>中的文字 就不会套用黄色字体这个样式。下一篇我们将介绍CSS放入网页的方法。

来源:爱蒂网