網頁學習第五天

今天想認識一下CSS

CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。

選擇器：

selector {property：value}

selector：選擇器類型，有好幾種
property：CSS屬性
value：CSS值

括號部分內爲聲明，可以有多條。

selector {declaration1; declaration2; ... declarationN }

外部樣式表似乎需要軟件編輯。
這裏用webstorm


先創一個HTML代碼

複製粘貼一個css代碼

最後鏈接到HTML代碼中：

<link href="text.css" type="text/css" rel="stylesheet">

看看效果

那麼，接下來就是看我抄下來的代碼都是什麼。

<link href="text.css" type="text/css" rel="stylesheet">

這裏link的地址好理解，就是我創建的css文件：text.css

type就是鏈接文件的類型，rel表示文件與HTML的關係。

p {
    text-align: center;
    color: black;
    font-family: arial;
}

p是我們熟悉的段落標記
align設置文本爲居中
color設置文本顏色
font-family規定字體

於是，網頁中沒有指明的p都以這個格式（參考上圖的圖片）

.a{
    text-transform: capitalize;
    line-height: 30px;
    color: #53ddff;
    font-weight: 500;
    cursor:help;
}

這裏 .a表示類選擇器，此前在HTML中我給‘沙發’class屬性爲a。

今天就瞭解到這裏吧，明天再繼續。