背景圖片定位裁剪移動(dòng)（代碼教程） “春天沒(méi)來(lái)”編撰 閱379 轉(zhuǎn)24 評(píng)1 公眾公開(kāi) 18-01-10 16:00 |
 背景圖片定位橫向移動(dòng)（代碼教程） “春天沒(méi)來(lái)”編撰 閱445 轉(zhuǎn)28 評(píng)2 公眾公開(kāi) 18-01-04 11:21 |
背景圖片定位移動(dòng)（代碼教程）“春天沒(méi)來(lái)”編撰 閱1054 轉(zhuǎn)26 評(píng)1 公眾公開(kāi) 17-12-31 17:32 |
<table id="table2" border="0" width="910" background="http://image79.360doc.com/DownloadImg/2014/11/1814/47221139_7.jpg" height="1365"><tbody><tr><td></td></tr></tbody></table> 然后，在表格標(biāo)簽中添加這樣一句css樣式：style="BACKGROUND-POSITION: 60px 50px"上面的css樣式，就是背景圖片定位的代碼。 閱835 轉(zhuǎn)84 評(píng)4 公眾公開(kāi) 15-04-14 13:38 |
給你的圖書(shū)館首頁(yè)安裝一個(gè)播放器 閱905 轉(zhuǎn)160 評(píng)4 公眾公開(kāi) 14-11-17 06:40 |
公告《代碼學(xué)習(xí)群教程》已于10月24日撰寫(xiě)完畢。 閱551 轉(zhuǎn)25 評(píng)2 公眾公開(kāi) 14-11-14 07:09 |
閱4172 轉(zhuǎn)97 評(píng)0 公眾公開(kāi) 14-11-12 10:45 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（40）第四十節(jié) 后記第四十節(jié) 后記。當(dāng)我看到許多朋友收藏了我撰寫(xiě)的《教程》開(kāi)始學(xué)習(xí)代碼的時(shí)候，當(dāng)我看到許多朋友應(yīng)用代碼知識(shí)制作出網(wǎng)頁(yè)的時(shí)候，當(dāng)我看到許多朋友通過(guò)我的答疑解難清楚了某些代碼知識(shí)的時(shí)候，當(dāng)我看到許多朋友為我給他們修改的網(wǎng)頁(yè)而無(wú)比高興的時(shí)候，我心中的那份甜蜜是無(wú)法形容的。我衷心地希望我撰寫(xiě)的... 閱547 轉(zhuǎn)103 評(píng)14 公眾公開(kāi) 14-10-24 10:24 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（39） 玩轉(zhuǎn)網(wǎng)頁(yè)小技巧（2） 閱601 轉(zhuǎn)122 評(píng)4 公眾公開(kāi) 14-10-20 10:29 |
《代碼學(xué)習(xí)群簡(jiǎn)易教程 第三十八節(jié)》 玩轉(zhuǎn)網(wǎng)頁(yè)小技巧 閱1006 轉(zhuǎn)183 評(píng)13 公眾公開(kāi) 14-10-15 19:18 |
第三十七節(jié) css樣式頁(yè)內(nèi)插入用法 實(shí)例 閱569 轉(zhuǎn)128 評(píng)5 公眾公開(kāi) 14-10-14 18:37 |
☆代碼學(xué)習(xí)群簡(jiǎn)易教程（36）第三十六節(jié) “選擇器”與“聲明” 第三十六節(jié) “選擇器”與“聲明” 前面三節(jié)《教程》，講解了css樣式的頁(yè)內(nèi)插入用法。四、選擇器的類(lèi)型：css樣式的選擇器，有許多類(lèi)型：元素選擇器、類(lèi)選擇器、ID 選擇器、屬性選擇器、后代選擇器、子元素選擇器、相鄰兄弟選擇器、派生選擇器……類(lèi)選擇器可以與通配選擇器配合應(yīng)用。... 閱506 轉(zhuǎn)108 評(píng)5 公眾公開(kāi) 14-10-10 07:25 |
效果：c 代碼舉例3：<DIV align=center><P><FONT style="FONT-SIZE: 24px"><STRONG>直角在右下的三角形</STRONG></FONT></P><DIV id=triangle-up3></DIV><STYLE contentEditable=true> #triangle-up3 {width: 0; height: 0; border-left: 150px solid transparent; border-right: 0px solid transparent; border-bottom: 250px solid #f06 ;}</... 閱746 轉(zhuǎn)146 評(píng)5 公眾公開(kāi) 14-09-18 11:02 |
導(dǎo)航菜單的制作方法 閱380 轉(zhuǎn)114 評(píng)3 公眾公開(kāi) 14-09-07 10:25 |
css樣式表的“行內(nèi)插入樣式”，就是在html代碼的某個(gè)標(biāo)簽中插入“css樣式”，把“css樣式”作為html代碼某個(gè)標(biāo)簽的一個(gè)“屬性”應(yīng)用。）第一個(gè)標(biāo)簽：<樣式標(biāo)簽 類(lèi)型＝文本/css>下面的內(nèi)容是為網(wǎng)頁(yè)設(shè)置的css樣式。css樣式。2、css樣式表的“行內(nèi)插入樣式”，就是在html代碼的某個(gè)（）中插入“css樣式”，把“css樣式”作為html代碼某個(gè)（）的一... 閱426 轉(zhuǎn)112 評(píng)3 公眾公開(kāi) 14-09-06 21:08 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（32）切割圖片邊框的應(yīng)用 閱467 轉(zhuǎn)132 評(píng)4 公眾公開(kāi) 14-08-26 10:01 |
播放器代碼應(yīng)用2 閱895 轉(zhuǎn)186 評(píng)5 公眾公開(kāi) 14-08-23 09:19 |
<DIV align=center><EMBED style="WIDTH: 450px; HEIGHT: 54px" type=application/x-shockwave-flash src=http://box.baidu.com/widget/flash/song.swf wmode="transparent" invokeurls="false" quality="high" allowscriptaccess="never" flashvars="name=友誼地久天長(zhǎng)&artist=黑鴨子&autoPlay=true&loop=true" allownetworking="... 閱2105 轉(zhuǎn)287 評(píng)52 公眾公開(kāi) 14-08-05 18:41 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（29） 閱1237 轉(zhuǎn)250 評(píng)7 公眾公開(kāi) 14-07-26 07:09 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（28）濾鏡的組合應(yīng)用 閱451 轉(zhuǎn)147 評(píng)9 公眾公開(kāi) 14-07-26 05:00 |
<MARQUEE style="FILTER: progid:DXImageTransform.Microsoft.emboss(bias=0); BACKGROUND-COLOR: rgb(250,0,0); WIDTH: 650px; FONT-FAMILY: 黑體; HEIGHT: 80px; COLOR: rgb(255,255,0); FONT-SIZE: 38pt" behavior=alternate align="center"><STRONG>progid濾鏡文字 </STRONG></MARQUEE>2、progid濾鏡文字：（漸變背景）可以用progid濾鏡給... 閱670 轉(zhuǎn)156 評(píng)4 公眾公開(kāi) 14-07-20 08:43 |
☆代碼學(xué)習(xí)群簡(jiǎn)易教程（26）它的表達(dá)式也很簡(jiǎn)單：style="Filter：Mask（Color=顏色）" 只有一個(gè)Color參數(shù)，用來(lái)指定使用什么顏色作為掩膜。濾鏡表達(dá)式：style="filter: dropshadow(color=#01f000,offX=-2,offY=-2,Positive=1)"屬性解析：filter?。簽V鏡。重疊陰影效果。Positive=1 ：設(shè)置陰影的透明度，0（透明）1（不透明）注：陰影的透明度... 閱436 轉(zhuǎn)143 評(píng)4 公眾公開(kāi) 14-07-18 05:43 |
本節(jié)講解四種濾鏡。 閱620 轉(zhuǎn)153 評(píng)3 公眾公開(kāi) 14-07-15 07:49 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（24）濾鏡2 閱797 轉(zhuǎn)176 評(píng)6 公眾公開(kāi) 14-07-13 16:46 |
舉例如下：<P style="FILTER: alpha(opacity=100,style=3); BACKGROUND-COLOR: #000092; WIDTH: 560px"><FONT style="LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#00ff00 face=華文行楷><B>“春天沒(méi)來(lái)”歡迎您</B></FONT></P>（2）只應(yīng)用段落標(biāo)簽（或者塊區(qū)標(biāo)簽），把濾鏡樣式設(shè)置在段落（或者塊... 閱618 轉(zhuǎn)142 評(píng)7 公眾公開(kāi) 14-07-11 10:40 |
（1）按照原圖片的規(guī)格設(shè)置背景圖片：按照原圖片的規(guī)格設(shè)置背景圖片，背景圖片不會(huì)被剪切，也不會(huì)重復(fù)平鋪。（四）背景圖片不平鋪：背景圖片不平鋪，就是背景圖片只顯示一次。綜上所述，本節(jié)教程講解了背景顏色與背景圖片的概念，背景顏色與背景圖片的表達(dá)方式，背景圖片的剪切與重復(fù)，背景圖片平鋪的幾種形式，背景圖片的定位插入點(diǎn)等內(nèi)容。7... 閱1161 轉(zhuǎn)231 評(píng)5 公眾公開(kāi) 14-07-01 11:23 |
表達(dá)方式舉例：style="margin:10px 5px 15px 20px"如果設(shè)置三個(gè)值，其順序?yàn)椋荷贤膺吘?、右外邊距和左外邊距、下外邊距。alt="" src="http://image58.360doc.com/DownloadImg/2013/01/0707/29434364_1.gif"></TD></TR><TR><TD><IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px 100px 0px 0px; WIDTH: 300px; BORDER-TOP-WIDTH: 0px; BORDER-... 閱534 轉(zhuǎn)148 評(píng)10 公眾公開(kāi) 14-06-25 08:49 |
<IMG style="BORDER-BOTTOM: rgb(0,250,0) 8px double; POSITION: relative; BORDER-LEFT: rgb(0,250,0) 8px double; WIDTH: 440px; BORDER-TOP: rgb(0,250,0) 8px double; BORDER-RIGHT: rgb(0,250,0) 8px double; TOP: 50px; LEFT: 20px" src="http://image73.360doc.com/DownloadImg/2014/06/0414/42301628_33.jpg">再觀察一下顯示效果，圖... 閱875 轉(zhuǎn)195 評(píng)10 公眾公開(kāi) 14-06-18 10:27 |
三、css樣式表與html代碼的關(guān)系：css樣式表與html代碼的關(guān)系，可用一句話來(lái)概括：css控制了html標(biāo)簽對(duì)象的樣式表現(xiàn)，而html標(biāo)簽的表現(xiàn)樣式（美化）被css控制。四、css樣式表的應(yīng)用方法：應(yīng)用css樣式表的方法大致有三種：1、行內(nèi)插入樣式：應(yīng)用內(nèi)嵌樣式把css插入到各個(gè)網(wǎng)頁(yè)元素。（一）行內(nèi)插入樣式：css樣式表的“行內(nèi)插入樣式”，就是在html的... 閱936 轉(zhuǎn)209 評(píng)10 公眾公開(kāi) 14-06-11 05:58 |
2、居中對(duì)齊：表達(dá)方式舉例：段落中的居中對(duì)齊：<p align=center>或者<p style="text-align: center">代碼舉例：<P style="COLOR: rgb(250,0,200); FONT-SIZE: 28px" align=center>透過(guò)秋葉灑落的一縷陽(yáng)光<BR>我真想為你寫(xiě)首詩(shī) <BR>可手中的筆<BR>總是那樣的笨拙<BR>我拿什么寫(xiě)給你<BR>我的知己<BR><BR>仰望蒼穹如勾的一彎半月<BR>我真想為你寫(xiě)... 閱761 轉(zhuǎn)175 評(píng)4 公眾公開(kāi) 14-06-07 19:07 |
本節(jié)講解七種標(biāo)簽：換行標(biāo)簽、粗體標(biāo)簽、強(qiáng)調(diào)標(biāo)簽、<em> 標(biāo)簽、斜體標(biāo)簽、下劃線標(biāo)簽與不換行標(biāo)簽。<BR>標(biāo)簽是空標(biāo)簽，它沒(méi)有尾標(biāo)簽。代碼比較：1、非粗體文字：代碼：<DIV><FONT color=#ff0000 size=5 face=華文行楷>不斷地變化屬性屬值，觀察顯示效果，是學(xué)習(xí)代碼的捷徑之一。2、粗體文字：代碼：<DIV><FONT color=#ff0000 size=5 face=華文... 閱817 轉(zhuǎn)189 評(píng)9 公眾公開(kāi) 14-06-04 19:50 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（15）副 閱852 轉(zhuǎn)176 評(píng)8 公眾公開(kāi) 14-05-31 20:25 |
閱1518 轉(zhuǎn)250 評(píng)7 公眾公開(kāi) 14-05-24 10:25 |
一、一套表格標(biāo)簽中各個(gè)標(biāo)簽的作用：表格的一套標(biāo)簽中，表格標(biāo)簽的作用，大致有三點(diǎn)：一是起提示瀏覽器的作用，告訴瀏覽器，下面的內(nèi)容就是表格了。1、表格標(biāo)簽中無(wú)任何屬性：（請(qǐng)注意：習(xí)慣上把表格的一套標(biāo)簽也叫做表格標(biāo)簽。）代碼：<TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE>把上面的代碼“復(fù)制”“粘貼”到你的圖書(shū)館首頁(yè)“代碼編... 閱1117 轉(zhuǎn)192 評(píng)8 公眾公開(kāi) 14-05-19 13:27 |
☆代碼學(xué)習(xí)群簡(jiǎn)易教程（13）表格標(biāo)簽（1）本節(jié)講解表格標(biāo)簽。因此，我們必須下大決心，費(fèi)大力氣，努力把表格標(biāo)簽弄懂弄通，會(huì)應(yīng)用表格標(biāo)簽制作網(wǎng)頁(yè)。表格標(biāo)簽的表達(dá)方式為：<TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE>即：由4個(gè)首標(biāo)簽與4個(gè)尾標(biāo)簽組成。依次是表格的主體首標(biāo)簽，表格的主體尾標(biāo)簽。最中間的兩個(gè)標(biāo)簽是表格的列首標(biāo)簽和表... 閱896 轉(zhuǎn)189 評(píng)6 公眾公開(kāi) 14-05-12 21:13 |
“鏈接標(biāo)簽”是一個(gè)非常重要的標(biāo)簽，是制作網(wǎng)頁(yè)必不可少的一個(gè)標(biāo)簽。鏈接標(biāo)簽的應(yīng)用：一、簡(jiǎn)單的鏈接：制作鏈接文章，要從最簡(jiǎn)單的鏈接學(xué)起。復(fù)雜的鏈接，可以把鏈接標(biāo)簽與文字標(biāo)簽、圖片標(biāo)簽、塊區(qū)標(biāo)簽、段落標(biāo)簽、表格標(biāo)簽等標(biāo)簽組合起來(lái)應(yīng)用。它綜合應(yīng)用了鏈接標(biāo)簽、文字標(biāo)簽、表格標(biāo)簽、段落標(biāo)簽與塊區(qū)標(biāo)簽，把移動(dòng)的鏈接文字添加到了一個(gè)... 閱761 轉(zhuǎn)190 評(píng)7 公眾公開(kāi) 14-05-09 21:28 |
<DIV align=center><TABLE style="WIDTH: 910px; HEIGHT: 525px; TOP: 0px; LEFT: 0px" border=0 cellSpacing=0 borderColor=#f0f0f0 cellPadding=0 bgColor=#f8f8f8><TBODY><TR><!居左值分別是：2px，122px，242px，362px，482px，602px，722px，842px。 閱810 轉(zhuǎn)195 評(píng)6 公眾公開(kāi) 14-05-06 07:10 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（10） 閱2120 轉(zhuǎn)385 評(píng)7 公眾公開(kāi) 14-04-18 20:44 |
添加摘要 閱1194 轉(zhuǎn)244 評(píng)11 公眾公開(kāi) 14-04-18 20:34 |
代碼1：<MARQUEE scrollAmount=1><FONT style="FONT-FAMILY: 黑體; COLOR: rgb(0,0,255); FONT-SIZE: 25px">我的移動(dòng)速度為1</FONT></MARQUEE>代碼2：<MARQUEE scrollAmount=10><FONT style="FONT-FAMILY: 黑體; COLOR: rgb(0,0,255); FONT-SIZE: 25px">我的移動(dòng)速度為10</FONT></MARQUEE>三、把握移動(dòng)標(biāo)簽的延時(shí)屬性： 移動(dòng)標(biāo)簽的延時(shí)屬性scro... 閱1836 轉(zhuǎn)320 評(píng)6 公眾公開(kāi) 14-04-15 11:03 |
上面的紅色內(nèi)容中，標(biāo)簽的應(yīng)用順序是：段落首標(biāo)簽→塊區(qū)首標(biāo)簽→行內(nèi)塊區(qū)首標(biāo)簽→行內(nèi)塊區(qū)尾標(biāo)簽→塊區(qū)尾標(biāo)簽→段落尾標(biāo)簽。上面的紅色內(nèi)容中，標(biāo)簽的應(yīng)用順序是：塊區(qū)首標(biāo)簽→段落首標(biāo)簽→行內(nèi)塊區(qū)首標(biāo)簽→行內(nèi)塊區(qū)尾標(biāo)簽→段落尾標(biāo)簽→塊區(qū)尾標(biāo)簽。7、懂得制作網(wǎng)頁(yè)時(shí)，段落標(biāo)簽中可以包裹塊區(qū)標(biāo)簽與行內(nèi)塊區(qū)標(biāo)簽，塊區(qū)標(biāo)簽中可以包裹段落標(biāo)簽... 閱1131 轉(zhuǎn)262 評(píng)6 公眾公開(kāi) 14-04-08 06:34 |
段落標(biāo)簽是一套標(biāo)簽，需要用首標(biāo)簽與尾標(biāo)簽配套使用，也就是說(shuō)，不能只用首標(biāo)簽，而沒(méi)有尾標(biāo)簽。一、設(shè)置了對(duì)齊方式的段落標(biāo)簽：1、設(shè)置了“居左對(duì)齊”的段落標(biāo)簽：<p align="left">這一段的文字是居左對(duì)齊</p>2、設(shè)置了“居中對(duì)齊”的段落標(biāo)簽：<p align="center" >我是居中對(duì)齊</p>3、設(shè)置了“居右對(duì)齊”的段落標(biāo)簽：<p align="right">我是居... 閱2499 轉(zhuǎn)389 評(píng)11 公眾公開(kāi) 14-04-05 14:09 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（5） 閱2137 轉(zhuǎn)325 評(píng)7 公眾公開(kāi) 14-03-31 14:32 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（4） 閱3291 轉(zhuǎn)401 評(píng)8 公眾公開(kāi) 14-03-30 13:28 |
代碼學(xué)習(xí)群簡(jiǎn)易教程（3）第三節(jié) 了解代碼什么是“代碼”？既然代碼是標(biāo)簽語(yǔ)言，我們就應(yīng)該首先來(lái)認(rèn)識(shí)一下“標(biāo)簽”。尖括號(hào)里的內(nèi)容，第一小段代碼是“標(biāo)簽名稱(chēng)”，后面的代碼是“屬性”和“屬值”。無(wú)論其屬性與屬值有多少，只要是在一個(gè)尖括號(hào)里面的內(nèi)容，它們和尖括號(hào)合起來(lái)就是“一個(gè)”標(biāo)簽。例如上面舉例的兩個(gè)標(biāo)簽，第一個(gè)是“居中”標(biāo)簽... 閱1796 轉(zhuǎn)293 評(píng)6 公眾公開(kāi) 14-03-30 08:07 |
“文章圖片編輯”頁(yè)面，如下圖：點(diǎn)擊這種頁(yè)面左下角的“代碼編輯”按鈕，進(jìn)入的頁(yè)面就是“代碼編輯”頁(yè)面?！拔恼聢D片編輯”頁(yè)面與“代碼編輯”頁(yè)面的相互切換，只要點(diǎn)擊頁(yè)面左下角的“代碼編輯”按鈕即可。你把一篇代碼粘貼在“代碼編輯”頁(yè)面，點(diǎn)擊頁(yè)面下方的“代碼編輯”按鈕，就會(huì)顯示出這篇代碼的網(wǎng)頁(yè)。3、把一篇代碼粘貼在“代碼編輯”頁(yè)... 閱3523 轉(zhuǎn)380 評(píng)10 公眾公開(kāi) 14-03-30 06:48 |
怎樣學(xué)代碼制作網(wǎng)頁(yè)，離不開(kāi)代碼。有許多朋友，看到別人制作的精美網(wǎng)頁(yè)，非常羨慕，也曾起過(guò)學(xué)習(xí)代碼的念頭。但是，一看到那些密密麻麻的代碼，就望而生畏了。覺(jué)得自己既沒(méi)有系統(tǒng)的電腦知識(shí)，也不懂英語(yǔ)，怎么能夠?qū)W好代碼呢?其實(shí)，學(xué)習(xí)代碼也并非難事。因?yàn)榇a是標(biāo)簽語(yǔ)言，你只要能夠認(rèn)識(shí)常用的十來(lái)種標(biāo)簽，懂得它的含義，知道它的用法，就能... |
聯(lián)系客服
