2內(nèi)部樣式內(nèi)聯(lián)樣式寫(xiě)在HTML頁(yè)面內(nèi)部，存放于head標(biāo)記當(dāng)中，樣式寫(xiě)在style標(biāo)記內(nèi)例選擇器 屬性名屬性值屬性名屬性值 外部樣式外聯(lián)樣式寫(xiě)在css文件內(nèi)3首先在電腦中打開(kāi)一個(gè)需要獲取CSS。

8然后在頂部tab標(biāo)簽中選擇剛才創(chuàng)建的CSS樣式表，并在樣式表中寫(xiě)一個(gè)樣式，命名為aaa，并按下快捷鍵Ctrl+S保存樣式表9最后回到html編輯頁(yè)面，在p標(biāo)簽中引入class，輸入剛才寫(xiě)的樣式的名稱aaa并保存網(wǎng)頁(yè)10最后點(diǎn)擊。

1首先打開(kāi)sublime text編輯器，新建一個(gè)html文件，里面寫(xiě)入一個(gè)p標(biāo)簽2然后設(shè)置p標(biāo)簽的樣式，這里先設(shè)置一個(gè)邊框，然后設(shè)置圓角邊框，主要使用CSS3屬性borderradius屬性定義圓角效果其中的數(shù)值為參數(shù)length是浮點(diǎn)數(shù)和單位。

1打開(kāi)WebContent文件2導(dǎo)入自己的css文件3創(chuàng)建自己的jsp文件4添加引用css文件的代碼5ltlink href=quotlt%=requestgetContextPath%csscsscssquot rel=quotstylesheetquot可復(fù)制使用，復(fù)制以后路徑要進(jìn)行修改。

有兩種方式 1在head標(biāo)簽之間添加style標(biāo)簽 2直接在HTML代碼里添加style屬性，然后在屬性里定義css代碼 3也可以將1中的style標(biāo)簽里的內(nèi)容放到一個(gè)css文件里，然后在html頁(yè)面引用這個(gè)文件也是一樣的效果 lt！這樣就。

1創(chuàng)建使用css樣式表有三種，分別是外部樣式表，內(nèi)部樣式表和內(nèi)聯(lián)樣式下面通過(guò)一個(gè)小demo演示它們的用法，首先新建一個(gè)html文件，放入3個(gè)button按鈕，給前兩個(gè)按鈕分別設(shè)置class屬性為btn1和btn22接著準(zhǔn)備一個(gè)css文件。

CSS樣式表代碼布局基礎(chǔ)教程課程10外部樣式表一 十外部樣式表 外部樣式表是把各種樣式單獨(dú)存在一個(gè)文件里，供其他多個(gè)網(wǎng)頁(yè)調(diào)用，下面我們來(lái)看一個(gè)練習(xí) 1文本編輯器 1打開(kāi)記事本或 geditleafpad 文本編輯器，gedit 在查看菜單。

首先新建一個(gè)html文件，放入3個(gè)button按鈕，給前兩個(gè)按鈕分百別設(shè)置class屬性為btn1和btn2，如下圖2然后準(zhǔn)備一個(gè)名為demo的CSS文件在css文件中寫(xiě)入buttonA的樣式，并保存css文件3，HTML文件，使用鏈接在你的樣式標(biāo)簽。

fontsize12px*文字大小* color#CCCCCC*文字顏色* fontfamilyArial，Helvetica，sansserif*設(shè)置字體* fontweightbold*文字加粗* textaligncenter*DIV標(biāo)簽內(nèi)部水平方向居中或居左右* text。

1首先在電腦端找到Dw軟件，進(jìn)行打開(kāi)操作，然后新建一個(gè)html文件2新建文件完成之后，寫(xiě)入一個(gè)div代碼操作，如圖所示3寫(xiě)入div代碼之后，引入一個(gè)css樣式，如圖代碼操作所示4引入樣式代碼之后，打開(kāi)引入的css文件。

這是最基本的形式，但是它沒(méi)有實(shí)現(xiàn)表現(xiàn)與內(nèi)容分離且不能靈活的控制多個(gè)頁(yè)面所以我們只是在調(diào)試CSS代碼的時(shí)候使用二內(nèi)部樣式表 內(nèi)部樣式表與行間樣式表相似都是把CSS代碼寫(xiě)在HTML頁(yè)面中，稍微不同的是前者可以將樣式表放在。

這個(gè)代碼主要包括以下幾個(gè)方面1邊框樣式可以通過(guò)CSS設(shè)置搜索框的邊框?qū)挾阮伾珮邮降忍卣骼?，可以使用border屬性設(shè)置搜索框的邊框樣式2字體樣式可以通過(guò)CSS設(shè)置搜索框的字體樣式，包括顏色大小字體類(lèi)型。

CSS代碼書(shū)寫(xiě)順序1位置屬性position， top， right， zindex， display， float等2大小width， height， padding， margin3文字系列font， lineheight， letterspacing， color textalign等4背景back。

1基本語(yǔ)法規(guī)范 分析一個(gè)典型CSS的語(yǔ)句p COLOR#FF0000BACKGROUND#FFFFFF 其中quotpquot我們稱為quot選擇器quotselectors，指明我們要給quotpquot定義樣式樣式聲明寫(xiě)在一對(duì)大括號(hào)quotquot中COLOR和BACKGROUND稱為quot屬性quot。

加入樣式可以有兩種途徑，1是適用ID，2是適用CLASS 如果DIV的ID是AA那么代碼會(huì)顯示為 class則為 那么CSS應(yīng)該寫(xiě)在哪里呢 如果頁(yè)面是引入了CSS文件，那么你就找到CSS文件中 id的定義樣式格式為#aabackgroundred class的。

現(xiàn)在還沒(méi)個(gè)標(biāo)準(zhǔn)，怎么寫(xiě)順手就怎么寫(xiě)，簡(jiǎn)潔主要在布局和使用的樣式減少，而不在寫(xiě)法，可以多定義些共用的樣式，class=quot樣式1 樣式2quot可以同時(shí)使用多個(gè)樣式，這樣可以節(jié)省css代碼，而且更清晰。

內(nèi)聯(lián)樣式 三外部引用式外部引用指HTML文檔本身不含有CSS樣式，而是動(dòng)態(tài)引用外部的CSS文件定義文檔的表現(xiàn)形式1使用樣式表的處理指令語(yǔ)句在HTML文檔的開(kāi)頭部分寫(xiě)一個(gè)關(guān)于樣式表的指令處理語(yǔ)句 lt？xmlstylesheet type=quotte。