很多同學在學習前端的時候,可能會對html與css之間的區別 不太瞭解,今天的這篇文章php中文網給需要的朋友們總結了關於html與css之間的比較,下面我們就來看一下具體的內容。

css與html區別:
1. 首先我們來看一下html:
html是HyperTextMark-upLanguage的縮寫,即超文本標記語言;
html是用來定義文檔內容結構的,包含了用戶需要瀏覽的內容,包括圖文、視頻,即構成網頁的基本元素;
html是網頁的結構(Structure),需要有多種框架和佈局,比如frameset框架集、iframe內聯框架、div+css佈局、table佈局等,同時支持表單提交(HTML Form),包括基礎表單、input輸入框、輸入框類型、文本域、列表、label等。
html的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。
我們來看一個關於html的小例子:
我的第一個標題
我的第一個段落。
效果如下:

這個例子就可以很清楚的說明關於html的結構。(相關推薦:HTML中文參考手冊和2018前端入門_HTML5)
看完了html的基本內容,下面我們來看一看css的基本內容,畢竟是css與html之間的區別比較^_^
2. 我們再來看一看css:
css是Cascading Style Sheets 的縮寫,即層疊式樣式表單,它是由W3C協會制定併發布的一個網頁排版式標準,是對HTML語言功能的補充。
css用於定義html文檔的樣式,即外觀,比如網頁上的動態文字、文字的色彩、字體、動畫效果,都可以由css來實現。
css的主要的用途是對網頁中字體、顏色、背景、圖像及其他各種元素的控制,使網頁能夠完全按照設計者的要求來顯示。
如下面例子所示:
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
CSS例子
這是一個段落。
效果如下:
上面的效果可以非常清楚的說明關於css的用途。
通過上面對html和css基本內容的介紹,我們可以非常清楚的看到css與html之間的區別是什麼,css是多用於樣式而html則是用於文本內容,你只要認真的去學習了,更多的東西都可以在學習過程中發現的。
閱讀更多 美食代碼喵 的文章