CSS实例教程:掌握熟习css英语的语法

日期:2021-01-20 类型:科技新闻 

关键词:网页设计,移动端网页设计,大一网页设计作业成品,网页编辑软件,网页在线编辑


前面1篇详细介绍了网页页面制做的CSS的功效
宣布CSS款式的英语的语法以下:
選擇器{ 挑选器{
屬性:設定值; 特性:设置值;
...
}
在1個選擇器(Selector) 中,能够設定的屬性數目没有限定。在1个挑选器(Selector)中,能够设置的特性数目沒有限定。
選擇器关键有3種:型類(Type) 選擇器、Class 選擇器、和ID 選擇器。挑选器关键有3种:型类(Type)挑选器、Class挑选器、和ID挑选器。
型類選擇器是(X)HTML 標籤,如<body> 和<h1>。型类挑选器是(X)HTML标识,如<body>和<h1>。 Class 和ID 選擇器是应用者自訂的選擇器。 Class和ID挑选器是应用者自订的挑选器。 我們會在之後討論這兩類的選擇器。大家会在以后探讨这两类的挑选器。
樣式是以『屬性:設定值』的方法來制订。款式是以『特性:设置值』的方法来制订。 舉例來說,若我們要設定1個元素內的文本是黃色的,那就用下列的『屬性:設定值』:举例来讲,若大家要设置1个元素内的文本是黄色的,那就用下列的『特性:设置值』:
color:yellow;
在以上的宣布內,color 是屬性,而yellow 是設定值。在以上的宣布内,color是特性,而yellow是设置值。
在一些時候,1個屬性将会會有好幾個設定值。在一些情况下,1个特性将会会有好几个设置值。 這些一般全是因為屬性是1個捷徑。这些一般全是由于特性是1个捷径。 舉例來說, margin屬性将会會有4 個設定值,而每個值意味着每邊的邊界長度。举例来讲, margin特性将会会有4个设置值,而每个值意味着每边的界限长度。
Grouping
假如有數個選擇器具有同樣的樣式,它們能够同時被宣布。假如了解个挑选器具有一样的款式,它们能够另外被宣布。 這叫做"grouping"。这叫做"grouping"。 舉例來說,假如<h1>, <h2>, and <h3> 都會有同样的樣式,那它們便可以用下列的方法被宣布:举例来讲,假如<h1>, <h2>, and <h3>都会有同样的款式,那它们便可以用下列的方法被宣布:
h1 h2 h3 { h1 h2 h3 {
屬性:設定值;特性:设置值;
...
}
後代選擇器(Descendant Selectors)子孙后代挑选器(Descendant Selectors)
我們能够設定說,仅有當甲元素在乙元素之內時,甲元素才會用某個樣式。大家能够设置说,仅有当甲元素在乙元素以内时,甲元素才会用某个款式。 若甲元素不在乙元素內的話,那甲元素便可以有别的的樣式。若甲元素不在乙元素内的话,那甲元素便可以有别的的款式。 要達到這個目標,我們就要运用後代選擇器的方法。要做到这个总体目标,大家就要运用子孙后代挑选器的方法。
後代選擇器宣布的語法是:子孙后代挑选器宣布的英语的语法是:
【父選擇器】【子選擇器】{ 【父挑选器】【子挑选器】{
屬性:設定值; 特性:设置值;
...
}
在以上的宣布中,仅有當子選擇器是在父選擇器之內時,樣式才會被用到。在以上的宣布中,仅有当子挑选器是在父挑选器以内时,款式才会被用到。 這1類的語法能够包含好幾代的選擇器,而并不是仅有兩代罢了。这1类的英语的语法能够包含好几代的挑选器,而并不是仅有两代罢了。
舉例來說,下列的宣布,举例来讲,下列的宣布,
li b { li b {
color:yellow;
}
意味着在<li> <b> 之內的文本是黃色的。意味着在<li> <b>以内的文本是黄色的。 并不是在<li> 之內的<b> 中的文本,就不會套用黃色字體這個樣式。并不是在<li>以内的<b>中的文本,就不容易套用黄色字体样式这个款式。
下1篇大家将详细介绍CSS放入网页页面的方式。