首頁 > web前端 > css教學 > CSS 中的頁面聲明結構

CSS 中的頁面聲明結構

王林
發布: 2024-07-19 01:56:11
原創
978 人瀏覽過

Estruturas de declaração de pagina em CSS

什麼是CSS

CSS 是一種用於以瀑布樣式設計頁面樣式的語言,用於添加佈局、動畫、幾何形狀、過濾器、計數器以及其他設定。

聲明 CSS 的方法

內嵌 CSS:使用 HTML 標籤內的 style 屬性加入 CSS;
內部CSS:新增在

內部HTML 頁面的;
外部 CSS:建立一個副檔名為 .css 的文件,其中包含將要套用的所有規則,並且該文件位於帶有標籤 的 HTML 中。
<head> 
   <link rel="stylesheet"
    href="estilos.css" />
<head/>
登入後複製

選擇器

  • 標籤:透過標籤搜尋元素
  • ID(#):使用 ID 搜尋元素
  • Classes(.):「類別」屬性
  • 屬性選擇器([attrib]):具有特定屬性的元素
  • 通用 (*):選擇所有 HTML 元素

組合器

組合器組合了將共同套用設定的標籤選擇器等級。

  • 後代:從另一個派生的標籤應用時,它們之間有一個空格。例子:
div span{
    regra: CSS;
}
登入後複製
  • Child:所有以「>」連接的直接子元素。例子
ul > li{
   regra: CSS;
}
登入後複製
  • 相鄰兄弟:後面的第一個元素直接用「+」連接。例子:
ul + li {
   regra: CSS;
} 
//Nesse caso, havendo mais que um elemento li na lista, somente o primeiro receberá a regra
登入後複製
  • 同級通用:用「~」連接所有具有相同父級的元素。例子:
p ~ span{
    regra: css;
}
登入後複製

以上是CSS 中的頁面聲明結構的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板