css嵌套

css嵌套，.mark p為class=mark下的p元素設置樣式。

p.mark為 p下class=mark的標簽設置樣式

p{}

.mark{}

.mark p{}

p.mark{}

p
{
    color:blue;
    text-align:center;
}
.marked
{
    background-color:red;
}
.marked p
{
    color:white;
}
p.marked{
    text-decoration:underline;
}
        <p>這是居中的藍色文字</p>
    <div class="mark">
        <p>這段文字有紅色背景，白色、居中文字</p>
    </div>
    <p>所有class="mark"元素內的p元素指定樣式，但有不同的文本顏色</p>
    <p class="mark">這段文字有下划線，藍色居中文字</p>
    

css設置三種標簽種類：

塊元素屬性block

行內塊元素inline-block ,通常把span設置為行內塊。

行內元素inline

border: 1px solid red;

設置后可以調整SPAN等元素高寬