1打開Hbuilder編輯器，創(chuàng)建一個(gè)input框和button按鈕，將它們橫排擺放在一起2首先給input框添加“#7FCC0B”顏色的邊框，設(shè)置寬度和高度即可，給button按鈕設(shè)置白色的字體和“#7FCC0B”的背景顏色即可完成3按crtl+s，在軟件的右側(cè)即可看到最終的效果以上就是用html制作搜索框的演示；可以直接放在需要的HTML文件中在head標(biāo)簽下，寫上style標(biāo)簽，把css代碼放在style標(biāo)簽中2可以新建一個(gè)css文件，比如indexcss，把這段css代碼放進(jìn)這個(gè)indexcss文件中然后在HTML文件中引入indexcss文件ltlink rel=quotstylesheetquot href=quotindexcssquot href寫indexcss文件的路徑。

在制作一個(gè)網(wǎng)頁(yè)的時(shí)候，Css樣式的添加一共有四種方式，一起來(lái)看看這四種方式一使用STYLE屬性 將STYLE屬性直接加在個(gè)別的元件標(biāo)簽里lt元件標(biāo)簽 STYLE=quot性質(zhì)屬性1 設(shè)定值1 性質(zhì)屬性2 設(shè)定值2 例如ltTD STYLE=quotCOLORBLUE fontsize9pt fontfamilyquot標(biāo)楷體quot。

ltstyle 嵌入式一般寫在head中，對(duì)于單個(gè)頁(yè)面來(lái)說(shuō)，這種方式很方便3導(dǎo)入式 lt！ 導(dǎo)入外部樣式在內(nèi)部樣式表的ltstyleltstyle標(biāo)記之間導(dǎo)入一個(gè)外部樣式表，導(dǎo)入時(shí)用@import ltstyle type=quottextcssquot import quotjisuancssquotltstyle 4鏈接式 ltlink href=quotjisuancssquot；1首先，下載html5開發(fā)軟件Intellij IDEA，這個(gè)直接在百度搜索框中搜索即可2打開軟件，點(diǎn)擊file，選擇New project，在彈出的對(duì)話框中，選擇static web選項(xiàng)中的html5，點(diǎn)擊next，在新對(duì)話框中，輸入項(xiàng)目名稱，點(diǎn)擊finish3新建一個(gè)文件，后綴為css4在body中添加一個(gè)元素h1，寫上內(nèi)容標(biāo)題1。

1首先可以直接把css代碼寫在現(xiàn)有的HTML標(biāo)簽元素的開始標(biāo)簽里面，并且css樣式代碼要寫在style=quotquot雙引號(hào)中才可以，如ltp style=quotcolorredquot這里文字是紅色ltp2如果想讓HTML標(biāo)簽和css樣式區(qū)分開來(lái)，可以采取將css樣式代碼寫在ltstyle type=quottextcssquotltstyle標(biāo)簽之間，并且這里的ltstyle；lth1ltbodylthtml在stylecss中的代碼為h1fontsize12pxcolor#000FFF我們?cè)趌thead中使用了ltlink標(biāo)簽來(lái)調(diào)用外部樣式表文件將link指定為stylesheet方式，并使用了href=\quotstylecss\quot指明樣式表文件的路徑便可將該頁(yè)面應(yīng)用到在stylecss中定義的樣式要嵌入多個(gè)樣式表，需要多調(diào)用幾次。

7我們新建一個(gè)css文件，把txt的文件后綴名改為css即可，之后打開就可以寫入css代碼了8我們用標(biāo)簽選擇器為ltp標(biāo)簽ltdiv標(biāo)簽和ltspan標(biāo)簽的內(nèi)容設(shè)置樣式9我們使用，ltlink標(biāo)簽將我們編寫的css文件樣式表文件其引入到我們當(dāng)前的html文件中來(lái)10我們鼠標(biāo)右擊在彈出的下拉菜單中，我們選擇“；lthtmlltstyle type=quottextcssquotdiv backgroundcolor blueltstyleltdivltdivlthtml 同在一個(gè)屋檐之下的一種表達(dá)方式，也是可以的，代碼量可以加大，只是屬于個(gè)人作品的一種表達(dá)方式，不是屬于團(tuán)隊(duì)的開發(fā)之一3lthtmlltheadltlink rel=quotstylesheetquot type=quottextcssquot href=quot。

lthtml 使用這種方法引用要確保CSS文件和HTML文件的相對(duì)路徑完整無(wú)誤，要不然HTML文檔是不會(huì)找到CSS樣式的3內(nèi)聯(lián)引用 內(nèi)聯(lián)引用其實(shí)就是在應(yīng)用CSS樣式的HTML部分直接在所做用的標(biāo)簽上定義CSS樣式，這種方法最直接，但是缺點(diǎn)也最明顯，最大的問(wèn)題就是代碼繁冗，作用域也僅僅在定義的標(biāo)簽的作用范圍如；二內(nèi)部樣式表在style標(biāo)簽中書寫CSS代碼style標(biāo)簽寫在head標(biāo)簽中示例ltheadltstyle type=quottextcssquoth3colorredltstylelthead 例如lt！DOCTYPElthtmlltheadltmeta charset=quotutf8quot lttitle內(nèi)部樣式表lttitlelt！使用內(nèi)部樣式表引入CSSltstyle type=quottextcssquotdivback。

lineheight 11pt 那么你可以在indexhtm中重新定義th，只要在ltlink語(yǔ)句之后就有效，例如ltlink href=quotjsbodycssquot rel=quotstylesheetquot type=quottextcssquot ltstyle type=textcss th fontsize 13ptcolor #lineheight 18pt ltstyle 二如果只是部分th表格需要使用；什么是CSS樣式，怎樣定義和使用它樣式就是定義如何顯示HTML元素樣式通常存儲(chǔ)在樣式表中在head標(biāo)簽內(nèi)定義style標(biāo)簽，style標(biāo)簽體內(nèi)寫CSS代碼 head metacharset=quotUTF8quot titleTitletitle style p colorblue style head body phelloCSSp body 更多前端知識(shí)，歡迎關(guān)注中公優(yōu)。

然后可以能過(guò) link 引入到html中，這里設(shè)置了兩個(gè)屬性的字體和顏色屬性2在html文件中使用link標(biāo)簽引入剛剛寫好的css樣式表，其中href是相對(duì)路徑，即相對(duì)于項(xiàng)目所在文件的路徑然后寫兩個(gè)標(biāo)簽，引入上述css文件里的樣式3最后打開瀏覽器，即可看到 上面的代碼效果；1內(nèi)聯(lián)樣式只是為單個(gè)元素指定一些CSS樣式，就是在html的標(biāo)簽添加style屬性，把樣式直接寫進(jìn)去，例如ltp style=quotcolor grayquotThis is a testltp 2內(nèi)嵌樣式表就是把CSS樣式寫入當(dāng)前html文檔，用ltstyle標(biāo)簽包含進(jìn)去，放在lthead里，例如lthead ltstyle type=quottextcssquot p color。

1直接在html標(biāo)簽元素內(nèi)嵌入css樣式，如ltdiv style=quotfontsize14px color#FF0000quot我是div css測(cè)試內(nèi)容支持ltdiv 效果如下圖 2在html頭部head部分內(nèi)style聲明插入代碼如下ltstyle type=quottextcssquot lt！ ceshi fontsize14px color#FF0000*這里是設(shè)置CSS的樣式內(nèi)容*。