你好，HTML5主要是放網(wǎng)頁(yè)代碼和結(jié)構(gòu)的，CSS主要是用來(lái)給網(wǎng)頁(yè)內(nèi)容（文字、圖片）排版、添加樣式以及制作簡(jiǎn)單動(dòng)畫的，簡(jiǎn)單來(lái)說(shuō)就是美化頁(yè)面，或者說(shuō)就是讓用戶覺(jué)得更好看，于是運(yùn)用HTML5+CSS 組合起來(lái)的技術(shù)，就能達(dá)到這種效果。下面我給你舉例說(shuō)明吧：
創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供新豐網(wǎng)站建設(shè)、新豐做網(wǎng)站、新豐網(wǎng)站設(shè)計(jì)、新豐網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、新豐企業(yè)網(wǎng)站模板建站服務(wù)，10余年新豐做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
未添加樣式：?p我愛(ài)中國(guó)/p
然后假如我把“我愛(ài)中國(guó)”變成紅色、字體大小為22px
有3種方法（第二、第三種方法都要使用標(biāo)簽選擇器）：
行內(nèi)樣式(直接在標(biāo)簽元素內(nèi)部添加，屬性之間用英文輸入法下的分號(hào)隔開(kāi))：
div
p style="color:red;font-size:22px"我愛(ài)中國(guó)/p
/div
內(nèi)部樣式（在head標(biāo)簽內(nèi)部添加style標(biāo)簽）：
head
style
div p{
color:red;
font-size:22px
}
/style
/head
外部樣式（先新建一個(gè) .css文件，然后在head標(biāo)簽內(nèi)部用link/引入）：
先在.css文件寫代碼如下：
div p{
color:red;
font-size:22px
}
再將.css文件引入，假如你的文件你命名為index.css,那么代碼如下：
head
link href="index.css"? ref="stylesheep"? type="text/css"/
/head
這樣，三種方法達(dá)到的是同一種效果，只是第三種比較專業(yè)，實(shí)現(xiàn)了HTML代碼和.css文件的完全分離，這樣有幾個(gè)好處：1.可以更容易被搜索引擎收錄（這里涉及到SEO優(yōu)化的知識(shí)）；2.網(wǎng)頁(yè)代碼量減少了，網(wǎng)頁(yè)打開(kāi)速度加快了，能提高用戶體驗(yàn)；3.便于網(wǎng)頁(yè)后期的修改和維護(hù)。
今天先給你講這么多，希望采納，謝謝
1、首先我們我們新建一個(gè)記事本，并將記事本的名字改為“引入外部css文件和外部js文件.html”，并回車鍵確定，以使文件轉(zhuǎn)化為瀏覽器可以打開(kāi)的html網(wǎng)頁(yè)文件。
2、我們編寫一個(gè)html5的聲明標(biāo)簽— !DOCTYPE html, 以使瀏覽器能認(rèn)識(shí)到我們的文檔是一個(gè)html5的文件，這樣就可以快速的正確解讀，以提高瀏覽的體驗(yàn)。
3、我們寫一個(gè)title的標(biāo)簽，將網(wǎng)頁(yè)的題目寫入進(jìn)去，讓網(wǎng)頁(yè)的標(biāo)題顯示為“引入外部css文件和外部js文件”。
4、我們用meta標(biāo)簽設(shè)置字符的編碼格式為：UTF-8，以使瀏覽器能夠正確的顯示我們的網(wǎng)頁(yè)。
5、我們寫一個(gè)body標(biāo)簽，用來(lái)包含網(wǎng)頁(yè)的主體部分。
6、我們寫幾個(gè)標(biāo)簽以便在外部css文件樣式表中，為其設(shè)置樣式。
7、我們新建一個(gè)css文件，把txt的文件后綴名改為css即可，之后打開(kāi)就可以寫入css代碼了。
8、我們用標(biāo)簽選擇器為p標(biāo)簽、div標(biāo)簽和span標(biāo)簽的內(nèi)容設(shè)置樣式。
9、我們使用,link標(biāo)簽將我們編寫的css文件樣式表文件其引入到我們當(dāng)前的html文件中來(lái)。
10、我們鼠標(biāo)右擊在彈出的下拉菜單中，我們選擇“在瀏覽器中打開(kāi)”這一項(xiàng)。
11、我們看到我們編寫的樣式被應(yīng)用到了標(biāo)簽中文字上，說(shuō)明我們的css外部樣式表文件引入成功。
不是軟件
HTML是一種做網(wǎng)頁(yè)的標(biāo)簽語(yǔ)言，CSS則是用來(lái)修飾HTML的語(yǔ)言，
HTML5是一種新的技術(shù)，其實(shí)就是HTML的升級(jí)版，但融入更多的js功能，加上現(xiàn)在的css3，在高版本的瀏覽器會(huì)做出很酷很炫的效果。
一般我們叫前端開(kāi)發(fā)，網(wǎng)上搜HTML視頻教程（先學(xué)HTML以后再轉(zhuǎn)入html5），一大堆。
我的做前端開(kāi)發(fā)的，希望可以幫到你
html5 css3樣式圖標(biāo)制作方法：
1、html代碼：
div id="boxes"
div id="boxShortcode"border-radius: 40px (shortcode)/div
div id="box1"border-top-right-radius: 40px (same on both axis)/div
div id="box2"border-top-right-radius: 20px 40px (x y) /div
div id="box3"border-top-right-radius: 40px 20px (x y) /div
/div
2、css樣式代碼：
#boxes div { margin-bottom: 20px; height: 50px; padding-left: 20px }
#boxShortcode {
background: cyan;
border-radius: 40px;
}
#box1 {
background: red;
border-top-right-radius: 40px;
}
#box2? {
background: yellow;
border-top-right-radius: 20px 40px;
}
#box3 {
background: lime;
border-top-right-radius: 40px 20px;
}
3、運(yùn)行結(jié)果：
HTML5使用link引入外部css
head
link rel="stylesheet" type="text/css" href="style.css" /
/head
style.css/外部css文件名
重慶分公司
重慶分公司
