-
@@--CSS圓角進(jìn)化論----第4章 使用CSS3中圓角屬性 4-1 使用CSS3中border-radius制作圓角 圓角屬性（border-radius）簡介： 屬性值：表示半圓半徑，可使用長度單位px，或百分比 簡寫屬性：border-radius 分量屬性：border-top-left-radius（上左）、 border-top-right-radius（上右）、 border-bottom-right-radius（下右）、 border-bottom-left-radius（下左） 簡寫屬性的值設(shè)置（與margin屬性設(shè)置相同，順時(shí)針方向）： 1個(gè)屬性值：4個(gè)角半徑相同 2個(gè)屬性值：第1個(gè)值——上左、下右角；第2個(gè)值——上右、下左角（即互為對(duì)角） 3個(gè)屬性值、4個(gè)屬性值的設(shè)置同margin屬性查看全部
-
@@--CSS圓角進(jìn)化論--第3章 CSS2.0+HTML標(biāo)簽?zāi)M圓角 【原理】應(yīng)用像素畫中繪制弧線的方法進(jìn)行模擬。【像素畫】俄羅斯方塊，超級(jí)瑪麗 【優(yōu)缺點(diǎn)】 1. 代碼量少，不需要增加HTTP請(qǐng)求 2. 后期維護(hù)性好，但是圓角橡塑的增加 3. 無意義代碼將成倍增加 4. 實(shí)現(xiàn)的圓角有局限性 5. 只能實(shí)現(xiàn)純色圓角 沒有被廣泛運(yùn)用查看全部
-
@@--CSS圓角進(jìn)化論---第2章 使用背景圖片方式制作圓角 2-2 制作高度和寬度自適應(yīng)圓角 第①種方法 缺點(diǎn)：切圖方式實(shí)現(xiàn)，導(dǎo)致css代碼量激增，不利于后期代碼的維護(hù)。 ② 寬度和高度均自適應(yīng) 實(shí)現(xiàn)關(guān)鍵點(diǎn)，5個(gè)標(biāo)簽構(gòu)成： 圓角矩形容器（box）—— 1. 上下內(nèi)邊距大小至少設(shè)置為圓角高度；2. 相對(duì)定位；3. 放置內(nèi)容 4個(gè)圓角——4個(gè)標(biāo)簽，1. 分別設(shè)置各個(gè)圓角背景圖片；2. 絕對(duì)定位于box的4個(gè)角查看全部
-
@@--CSS圓角進(jìn)化論---第2章 使用背景圖片方式制作圓角 2-1 制作寬度固定高度自適應(yīng)圓角 實(shí)現(xiàn)方式有多種，主要講解2種： ①寬度固定，高度自適應(yīng)；② 寬度和高度均自適應(yīng) 第①種實(shí)現(xiàn)關(guān)鍵點(diǎn)： 4個(gè)塊級(jí)元素構(gòu)成： 圓角矩形容器（box)——設(shè)置固定寬度，同圓角寬度 里面分為【上中下】三層，上層和下層用圓角背景圖實(shí)現(xiàn)圓角邊框效果查看全部
-
@@--CSS圓角進(jìn)化論-- 1-1 課程介紹 css圓角三個(gè)階段： 1、背景圖片實(shí)現(xiàn) 2、css2.0+標(biāo)簽?zāi)M 3、css3.0圓角屬性（border-radius屬性）實(shí)現(xiàn)查看全部
-
寬度和高度自適應(yīng) 實(shí)現(xiàn)關(guān)鍵點(diǎn)，5個(gè)標(biāo)簽構(gòu)成： 圓角矩形容器（box）—— 1. 上下內(nèi)邊距大小至少設(shè)置為圓角高度；2. 相對(duì)定位；3. 放置內(nèi)容 4個(gè)圓角——4個(gè)標(biāo)簽，1. 分別設(shè)置各個(gè)圓角背景圖片；2. 絕對(duì)定位于box的4個(gè)角查看全部
-
背景圖片實(shí)現(xiàn)圓角 實(shí)現(xiàn)方式有多種，主要講解2種： 1. 寬度固定，高度自適應(yīng) 2. 寬度和高度均自適應(yīng) 實(shí)現(xiàn)關(guān)鍵點(diǎn)，4個(gè)塊級(jí)標(biāo)簽構(gòu)成： 圓角矩形容器（box)——設(shè)置固定寬度，同圓角寬度 頂部圓角（radius-top）——使用背景圖片實(shí)現(xiàn)頂部圓角查看全部
-
css圓角三個(gè)階段： 1、背景圖片實(shí)現(xiàn) 2、css2.0+標(biāo)簽?zāi)M圓角 3、css3.0圓角屬性（border-radius屬性）實(shí)現(xiàn)查看全部
-
css2.0 + html 優(yōu)缺點(diǎn)查看全部
-
針對(duì)各瀏覽器寫的私有前綴應(yīng)該寫在CSS3.0新增的屬性前查看全部
-
絕對(duì)定位的大小是根據(jù)內(nèi)容自適應(yīng)的，所以要設(shè)置寬和高查看全部
-
IE內(nèi)核：-ms- Firefox內(nèi)核：-moz- 谷歌瀏覽器，safari內(nèi)核：-webkit- Opera瀏覽器私有前綴：-o-查看全部
-
寬度高度自適應(yīng)的圓角進(jìn)行可以用div（相對(duì)定位）+4個(gè)div（絕對(duì)定位）分別對(duì)應(yīng)四個(gè)角的radius的方法，查看全部
-
瀏覽器查看全部
-
border-radius必須結(jié)合border屬性使用，否則看不出圓角效果查看全部
舉報(bào)
0/150
提交
取消