溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css與html使用區(qū)別實(shí)例分析

發(fā)布時(shí)間：2022-03-05 15:35:48 來源：億速云 閱讀：115 作者：iii 欄目：web開發(fā)

這篇文章主要介紹“css與html使用區(qū)別實(shí)例分析”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“css與html使用區(qū)別實(shí)例分析”文章能幫助大家解決問題。

　　css與html區(qū)別：

　　1.首先我們來看一下html：

　　html是HyperTextMark-upLanguage的縮寫，即超文本標(biāo)記語(yǔ)言；

　　html是用來定義文檔內(nèi)容結(jié)構(gòu)的，包含了用戶需要瀏覽的內(nèi)容，包括圖文、視頻，即構(gòu)成網(wǎng)頁(yè)的基本元素；

　　html是網(wǎng)頁(yè)的結(jié)構(gòu)（Structure），需要有多種框架和布局，比如frameset框架集、iframe內(nèi)聯(lián)框架、div+css布局、table布局等，同時(shí)支持表單提交（HTMLForm），包括基礎(chǔ)表單、input輸入框、輸入框類型、文本域、列表、label等。

　　html的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。

　　我們來看一個(gè)關(guān)于html的小例子：

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<title>php中文網(wǎng)(php.cn)</title>

　　</head>

　　<body>

　　<h2>我的第一個(gè)標(biāo)題</h2>

　　<p>我的第一個(gè)段落。</p>

　　</body>

　　</html>

　　效果如下：

　　2345截圖20180828144240.png

　　這個(gè)例子就可以很清楚的說明關(guān)于html的結(jié)構(gòu)。（相關(guān)推薦：HTML中文參考手冊(cè)和2018前端入門_HTML5）

　　看完了html的基本內(nèi)容，下面我們來看一看css的基本內(nèi)容，畢竟是css與html之間的區(qū)別比較^_^

　　2.我們?cè)賮砜匆豢碿ss：

　　css是CascadingStyleSheets的縮寫,即層疊式樣式表單，它是由W3C協(xié)會(huì)制定并發(fā)布的一個(gè)網(wǎng)頁(yè)排版式標(biāo)準(zhǔn),是對(duì)HTML語(yǔ)言功能的補(bǔ)充。

　　css用于定義html文檔的樣式，即外觀，比如網(wǎng)頁(yè)上的動(dòng)態(tài)文字、文字的色彩、字體、動(dòng)畫效果，都可以由css來實(shí)現(xiàn)。

　　css的主要的用途是對(duì)網(wǎng)頁(yè)中字體、顏色、背景、圖像及其他各種元素的控制,使網(wǎng)頁(yè)能夠完全按照設(shè)計(jì)者的要求來顯示。

　　如下面例子所示：

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<title>php中文網(wǎng)(php.com)</title>

　　<style>

　　body

　　{

　　background-color:#d0e4fe;

　　}

　　h2

　　{

　　color:orange;

　　text-align:center;

　　}

　　p

　　{

　　font-family:"TimesNewRoman";

　　font-size:20px;

　　}

　　</style>

　　</head>

　　<body>

　　<h2>CSS例子</h2>

　　<p>這是一個(gè)段落。</p>

　　</body>

css與html使用區(qū)別實(shí)例分析

關(guān)于“css與html使用區(qū)別實(shí)例分析”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手