倫多星報 2020-07-06 17:14:58

Applying CSS and JavaScript to HTML

當今您將使用的幾乎所有網站都將使用CSS使它們看起來很酷，并使用JavaScript來支持交互式功能，例如視頻播放器，地圖，游戲等. 這些最常分別使用元素和元素應用于網頁.

CSS 基礎教學！HTML標記語言基礎知識

CSS 基礎教學！HTML標記語言基礎知識

CSS 基礎教學！HTML標記語言基礎知識

The element should always go inside the head of your document. This takes two attributes, rel="stylesheet", which indicates that it is the document's stylesheet, and href, which contains the path to the stylesheet file:

元素也應該放在頭部，并且應該包含src屬性，該屬性包含要加載的JavaScript的路徑，以及defer ，它基本上指示瀏覽器在頁面HTML的同時加載JavaScript. 這很有用，因為它可以確保在JavaScript運行之前已全部加載HTML，這樣您就不會因JavaScript嘗試訪問頁面上尚不存在的HTML元素而收到錯誤消息. 實際上，有很多方法可以處理頁面上的JavaScript加載，但這是現代瀏覽器最安全的方法(對于其他瀏覽器，請閱讀Script加載策略 ). 注意 ： 元素可能看起來像一個空元素，但不是，因此需要一個結束標記. 除了指向外部腳本文件，您還可以選擇將腳本放入元素內.

Active learning: applying CSS and JavaScript to a page

要開始這種主動學習，請獲取我們的meta-example.html ， script.js和style.css文件的副本，并將它們保存在本地計算機的同一目錄中. 確保使用正確的名稱和文件擴展名保存它們.

在瀏覽器和文本編輯器中打開HTML文件.

按照上面給出的信息，將和元素添加到HTML，以便將CSS和JavaScript應用于HTML.

如果操作正確，當您保存HTML并刷新瀏覽器時，您應該可以看到情況已發生變化：

來源：51CTO

作者：wx5e0dc820c89f1

鏈接：https://blog.51cto.com/14658650/2511375

總結

以上是生活随笔為你收集整理的诺禾致源css客户端,诺禾，诺禾致源：CSS 基础教学的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。