首頁 > web前端 > js教程 > 關於前端的css基本知識

關於前端的css基本知識

php中世界最好的语言
發布: 2018-03-19 11:02:39
原創
1690 人瀏覽過

這次帶給大家關於前端的css基本知識,關於前端的css基本知識的注意事項有哪些,下面就是實戰案例,一起來看一下。

css基本知識

 我們先看一個小例子:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Title</title></head><body>
    <p style="background-color:#2459a2;height: 48px;">1</p>
    <p style="background-color:red;">2</p>
    <p style="background-color:green;">3</p></body></html>
登入後複製

 

我們可以看到我們在p中加了style,裡面有background-color,height等屬性,這樣就使的原本什麼都沒有的p添加了背景色高度等。

css的寫

  • 在標籤上設定style屬性:width,height,background.......

  • 寫在head裡面,寫一個