国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端入門1-基礎概念

codecraft / 2067人閱讀

摘要：基礎基礎是一種標記語言，不是編程語言，需要明確這點。元素標簽內容基礎基礎負責文本樣式的呈現，既然將和分離開，各自只負責各自的職責，那么肯定需要某種方式將兩者連接在一起。

本篇文章已授權微信公眾號 dasu_Android（大蘇）獨家發布

聲明

本系列文章內容全部梳理自以下四個來源：

  • 《HTML5權威指南》
  • 《JavaScript權威指南》
  • MDN web docs
  • Github:smyhvae/web

作為一個前端小白，入門跟著這四個來源學習，感謝作者的分享，在其基礎上，通過自己的理解，梳理出的知識點，或許有遺漏，或許有些理解是錯誤的，如有發現，歡迎指點下。

正文

相關概念-HTML CSS JS

  • HTML: 內容層---表示某個標簽在頁面中是什么角色
  • CSS: 樣式層---表示某個標簽在頁面中該呈現什么樣式
  • JavaScript: 行為層---頁面與用戶的交互行為

通俗的講：Html 只負責文檔的語義和結構，它描述了網頁的內容和結構。

內容的呈現則由應用于元素上的 CSS 樣式控制，它描述了網頁的表現與展示效果。

JavaScript 則是負責網頁的功能與行為，如與用戶的交互。

基礎-HTML

Html 是一種標記語言，不是編程語言，需要明確這點。

編程語言，通俗的理解就是向計算機發送指令，通過程序讓計算機達到我們想要的功能。

而標記語言，可以通俗的理解成對文本增加一些標志信息，類似于批注信息來說明文本內容

更通俗點理解，一大段文本內容，毫無重點，毫無結構，讓人不好理解。所以，Html 就通過大伙約定俗成的規范，利用一些標簽，來指明，這一段文本是標題，這一段文本是個表格，這一段文本是個列表，這一段文本是導航菜單，這里需要分段，這里需要分行，這幾個詞是關鍵詞，需要重點標記一下，等等等等。

Html 可以這么通俗的理解。那么這個大伙約定俗成的規范，其實也就是由 W3C 來作為官方發布的標準規范。

定了規范，自然是想要讓人遵守才有意義。所以，在這里，W3C 所定義的標準規范，遵守方其實也就是各大瀏覽器。不同的瀏覽器廠商，根據 W3C 發布的標準規范來解析每一份 HTML 文檔，那么相同的 HTML 文檔在不同的瀏覽器上才會有相同的作用。

而一旦某些瀏覽器廠商沒有遵守這些規范，那么前端開發人員就要為此做一些兼容適配工作，這就跟 Android 系統由 Google 開發并開源一樣的道理，手機廠商都可以使用這開源的系統，但不同廠商都喜歡做一些自己的修改，這就導致了 Android 開發人員經常需要面對的適配工作問題。

基本概念

點擊跳轉

標簽：<> 帶有這種符號的稱為標簽，跟 Android 中的標簽一樣，分開始標簽，結束標簽

內容：文本內容，上圖中的點擊跳轉四字

屬性：跟 Android 中的 xml 里的標簽一樣，每個標簽有自己的一些屬性，另外，Html 有一些全局屬性，比如上述的 class，這個屬性所有標簽都可以用。

元素：標簽 + 內容

基礎-CSS

CSS 負責文本樣式的呈現，既然將 HTML 和 CSS 分離開，各自只負責各自的職責，那么肯定需要某種方式將兩者連接在一起。

更準確的說，是在 HTML 文檔中該如何使用 CSS，因為 HTML 文檔是互聯網的基礎，一個個網頁就是一份份HTML 文檔，既然 HTML 文檔是基礎，那么就是要明確在 HTML 文檔中該如何使用 CSS。

總共有三種方式：全局屬性 style，style 標簽，link 標簽

CSS 最終作用的對象其實就是 HTML 文檔中的每個元素

全局屬性 style

第一種方式：全局屬性 style 是直接作用于指定的標簽上了，用法就直接將需要的樣式聲明即可，如：

點擊跳轉

style 是所有標簽都具有的屬性，稱之為全局屬性。

剩余兩種方式，都是集中將所有的 CSS 樣式管理存放，因此如果需要作用到具體元素上，要借助選擇器來實現，選擇器后面再說，先看這兩種方式的使用：

style 標簽內嵌方式

style 標簽和 link 標簽都是 HTML 文檔中的一種標簽，兩者都可以用來連接 css 代碼，區別一種是將 css 代碼內嵌在 HTML 文檔中，一種是直接引用外部 css 文件。

但這兩種相比較于第一種使用全局屬性的方式，它們并沒有直接在相關聯的元素上書寫，因此需要有一種機制，來將這些 css 代碼關聯到需要作用的元素對象上，這個機制就叫：選擇器。

選擇器

選擇器是專門用來將 css 代碼關聯到指定的 HTML 文檔中的元素對象上的，畢竟 css 已經被抽離出 HTML，各自負責各自的職責，但總歸需要一種橋梁將兩者關聯在一起。

選擇器很多，規則也很多，足夠覆蓋各種各樣的場景，這里只列舉幾種常見的選擇器：

元素選擇器

點擊跳轉
另一文本

效果：作用于 HTML 文檔中的所有 a 標簽的元素上

id選擇器

點擊跳轉

id 在 HTML 文檔中需唯一存在，所有 id 選擇器只作用于單個元素

class 選擇器

點擊跳轉
另一文本

HTML 文檔中可對多個元素應用相同 class，所以 class 可同時作用于多個元素

屬性選擇器

點擊跳轉
另一文本

作用于所有具有 href 屬性的元素，不管有沒有使用

組合選擇器

點擊跳轉
另一文本

元素選擇器和 class 選擇器組合使用，作用于 a 元素中有聲明 myClass 類型的元素

通用選擇器

作用到所有元素上

基礎-JavaScript

Js 是腳本語言，可用于增加網頁的交互功能，及各種行為功能。

既然是一門語言，那么學習這么腳本語言自然需要先掌握其語法，以及運行方式。

瀏覽器解析 HTML 文檔是按順序解析的，也就是說，當遇到腳本語言時，也會按順序一條條的解釋執行，直至將腳本語言執行結束再繼續解析文檔。這就解釋了，為什么一份 HTML 文檔里，

引用外部 js 文件

大家好，我是 dasu，歡迎關注我的公眾號（dasuAndroidTv），如果你覺得本篇內容有幫助到你，可以轉載但記得要關注，要標明原文哦，謝謝支持~

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1633.html

相關文章

  • 【連載】前端個人文章整理-從基礎到入門

    摘要：個人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現在已經一年的時間了，由于工作比較忙，更新緩慢，后面還是會繼更新，現將已經寫好的文章整理一個目錄，方便更多的小伙伴去學習。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法，到著手...

    madthumb 評論0 收藏0

  • 寫給前端的區塊鏈開發入門指南：零基礎開發基于以太坊智能合約的 ICO DApp

    摘要：圍繞以太坊的開發生態是目前相對最成熟的，比如有開發框架，有智能合約在線集成開發環境，還有專設的開發者問答頻道。 showImg(https://segmentfault.com/img/bVbaJOL?w=1200&h=514); 張泉靈說，時代拋棄我們的時候連聲再見都不會說，馬云說對于新興事物，絕大多數人是看不見、看不起、看不懂、來不及。自從學完 Coursera 上的 Crypto...

    sean 評論0 收藏0

  • 寫給前端的區塊鏈開發入門指南：零基礎開發基于以太坊智能合約的 ICO DApp

    摘要：圍繞以太坊的開發生態是目前相對最成熟的，比如有開發框架，有智能合約在線集成開發環境，還有專設的開發者問答頻道。 showImg(https://segmentfault.com/img/bVbaJOL?w=1200&h=514); 張泉靈說，時代拋棄我們的時候連聲再見都不會說，馬云說對于新興事物，絕大多數人是看不見、看不起、看不懂、來不及。自從學完 Coursera 上的 Crypto...

    yzzz 評論0 收藏0

  • 好程序員Web前端培訓入門之JS基礎知識梳理匯總

    摘要：好程序員前端培訓入門之基礎知識梳理匯總，前端工程師是當前各大企業都比較稀缺的人才，薪資待遇和就業前景都很不錯。作用域鏈的前端，始終是當前執行代碼所在環境的變量對象。 　　好程序員Web前端培訓入門之JS基礎知識梳理匯總，Web前端工程師是當前各大企業都比較稀缺的人才，薪資待遇和就業前景都很不錯。不論是專業還是非專業，有基礎亦或是無基礎，都想通過學習Web前端實現高薪就業。不過，學習要一...

    int64 評論0 收藏0

發表評論

0條評論

codecraft

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<