需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的標(biāo)簽中，輸入css代碼body animation change 3s linear 0s infinite keyframes；2第一個(gè)div的邊框是這行css實(shí)現(xiàn)的效果 border 5px solid black3第二個(gè)div沒有設(shè)置邊框樣式 4第三個(gè)div的css設(shè)置了邊框樣式，但被內(nèi)聯(lián)樣式覆蓋為，因此也能不顯示邊框代碼如下 div width200pxhei。

CSS復(fù)合選擇器包括子選擇器相鄰選擇器包含選擇器多層選擇器嵌套屬性選擇器偽選擇器和偽元素選擇器，以上具體的使用如下1子選擇器 復(fù)制代碼 代碼如下 picimg 使用 號(hào)，讓選擇器只選擇直接的子類，w；1準(zhǔn)備一張圖片，新建一個(gè)空白html文件 2其中html文件內(nèi)容如下圖所示，html中包含了一張圖片，及對(duì)應(yīng)的描述段落 3給html添加head標(biāo)簽，在標(biāo)簽中定義樣式 p border1px solid red img floatleft margin0。

使用一段css代碼”wordwrap breakwordwordbreak breakalloverflow hidden“實(shí)例演示如下1設(shè)計(jì)兩個(gè)容器，放入一些文字，代碼如下此時(shí)的頁面展示如下均為換行2修改兩個(gè)容器的樣式，給第一個(gè)容器。

css代碼如下所示

1、1首先新建html文檔，進(jìn)入代碼書寫界面2在和的里面寫入代碼，在里面寫入想要輸入的內(nèi)容3書寫外層軌道css代碼bodywebkitscrollbar width20px height2px background#ccc borderradius10px*外層軌。

2、最初級(jí)的 CSS 寫法即把代碼直接添加于所修飾的標(biāo)記元素示例代碼如下芒果 這樣做雖然更為直觀，但很大程度上加大了頁面體積，不符合結(jié)構(gòu)與表現(xiàn)分離的設(shè)計(jì)思想總體而言，外聯(lián)和內(nèi)聯(lián)各有優(yōu)點(diǎn)，可綜合實(shí)際情況選擇適合的級(jí)聯(lián)。

3、1首先新建一個(gè)html文件，命名為testhtml，在testhtml文件內(nèi)，使用table標(biāo)簽創(chuàng)建一個(gè)表格，用于測試2在testhtml文件內(nèi)，設(shè)置table標(biāo)簽的class屬性為mytable，同時(shí)設(shè)置邊框?yàn)?px3接著在css標(biāo)簽內(nèi)，通過class設(shè)置。

4、1先輸入，建立一個(gè)主框架，如下圖紅框所示2設(shè)置框架的樣式，根據(jù)需要設(shè)置即可，如下圖紅框所示，代碼如下 header width 960px *這個(gè)div根據(jù)你寫的替換就行了* height 40pxmargin 5px autoba。

css代碼如何使用

1、透明色transparent 背景色設(shè)為透明，代碼如下backgroundcolortransparent字體顏色設(shè)為透明，代碼如下colortransparent。

2、用css實(shí)現(xiàn)一段文字的兩端對(duì)齊的代碼輸入步驟如下1首先輸入代碼讓這段文字的最后一行右對(duì)齊，代碼如下textalignlastjustify2然后輸入代碼讓整段文字兩端對(duì)齊，代碼如下textalignjustify3然后輸入如下代碼text。

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

4、2基本標(biāo)簽元素添加完畢后在body標(biāo)簽里添加一個(gè)div元素和在div元素內(nèi)添加想要展示的文字3接下來給div元素添加樣式屬性，這里同過行內(nèi)式的方法添加屬性，也可以通過行外式，外部式都可以其中核心代碼是paddingtop。

5、第一種方式設(shè)置body 居中在CSS中的代碼是bodytextaligncenter第二種方式用盒子模型，首先設(shè)置一個(gè)Div ，這個(gè)DIV的寬度為100%，然后在這個(gè)DIV居中，那么在這個(gè)DIV中加的內(nèi)容就居中顯示，代碼如下 CSS。

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

7、target=_blank錨鏈接可以具有target控制在點(diǎn)擊該鏈接時(shí)發(fā)生的事件的屬性_parent，_top，name，必須結(jié)合frame的使用aaa 瀏覽器將打開一個(gè)新的窗口顯示aaa。

8、一css圖片水平居中1利用margin 0 auto實(shí)現(xiàn)圖片居中，就是在圖片上加上css樣式margin 0 auto 如下2設(shè)置imgBox的樣式如下3此時(shí)的效果如下圖片在容器內(nèi)，水平居中二css圖片垂直居中1css代碼如下。

9、一首先是準(zhǔn)備一個(gè)HTML文檔，接著在HTML中添加一個(gè)DIV，并給DIV設(shè)置寬高和背景圖片二接下來運(yùn)行頁面就可以看到如下圖所示的帶背景圖片的div了三然后在div中包裹文字就可以了，如下圖所示四運(yùn)行頁面我們就可以。