首頁 >web前端 >js教程 >html 裡的css 和Js 的程式碼如何實現?

html 裡的css 和Js 的程式碼如何實現?

零下一度
零下一度原創
2017-07-03 09:12:051626瀏覽

css和html的結合方式:
第一種:在每個html中都有一個屬性style,在style屬性裡面寫css程式碼
   格式:style="屬性名稱1:屬性值;屬性名稱2:屬性值;"
   例:

<div style="background-color:red;color=black;">第一种结合方式</div>

第二種:使用html的標籤實作
   格式:080b747a20f9163200dd0a7d304ba388選擇器{屬性名稱1:屬性值;屬性名稱2:屬性值;}531ac245ce3e4fe3d50054a55f265927
   例:

<style type="text/css">
                div {
                        background-color:red;
                }
                p {
                    color:blue;
                }
        </style>


第三種:先建立css文件,在css檔案中寫css程式碼,其次在html檔案的標籤中實作
   格式:080b747a20f9163200dd0a7d304ba388@import url(css檔案的路徑);531ac245ce3e4fe3d50054a55f265927
第四種:引入外部的資源文件,使用頭標籤link實現
   格式:

<link rel="stylesheet" type="text/css" href="css的路径"/>

js和html的結合方式:
第一種:使用html的標籤
   格式:2840a3de185fface63704a94c15e7273js程式碼2cacc6d41bbb37262a98f745aa00fbf0
第二種:先建立js文件,其次在html檔案中引用
   格式:51244425d92ef91f2268b7c778848ba12cacc6d41bbb37262a98f745aa00fbf0

以上是html 裡的css 和Js 的程式碼如何實現?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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