首頁 >web前端 >H5教程 >你不知道的CSS使用技巧

你不知道的CSS使用技巧

php中世界最好的语言
php中世界最好的语言原創
2018-03-13 10:10:381596瀏覽

這次帶給大家你不知道的CSS使用技巧,CSS使用的注意事項有哪些,下面就是實戰案例,一起來看一下。

8e99a69fbe029cd4e2b854e244eab143在企業開發中修改樣式都是交給CSS來做128dba7a3a77be0113eb0bea6ea0a5d0

透過CSS來修改樣式有什麼好處?
1.不用記憶哪些屬性屬於哪個標籤
2.當需求變更時我們不需要修改大量的程式碼就可以滿足需求
3.在前端開發中CSS只有一個作用, 就是用來修改樣式

8e99a69fbe029cd4e2b854e244eab143固定格式128dba7a3a77be0113eb0bea6ea0a5d0

1.格式:

<style type="text/css">
        标签名称{
            属性名称: 属性对应的值;
            ...
        }</style>

2.注意點:

1.style標籤必須寫在head標籤的開始標籤和結束標籤之間(也就是必須和title標籤是兄弟關係)

2.style標籤中的type屬性其實可以不用寫, 預設就是type="text/css",這句戶的意思是告訴系統我這對style標籤存儲的是文本類型的css代碼

3.設置樣式時必須按照固定的格式來設定. key: value;
其中:不能省略, 分號大多數情況下也不能省略

4.CSS怎麼學?
CSS的學習一共分為兩大部分, 一個是CSS的屬性, 另一個是CSS選擇器 . 也就是說這兩部分學完CSS就沒有別的東西了

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

iOS webView怎麼載入HTMLString

html5容易被忽略的小知識

關於正規表示式的幾個小
練習


為什麼在swift中建構函數不提示?

#######

以上是你不知道的CSS使用技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn