小學(xué)400字作文給自己一個(gè)微笑（精選31篇）

　　代碼： 

　　<table border=1 cellspacing=0 > 

　　/pic/p>

　　/pic/p>

　　<tr >   

　　<th width="20%">國家</th>  /pic/p>

　　<th width="20%">名稱(chēng)</th>   

　　<th width="40%">地址</th>   

　　<th width="20%">排名</th> 

　　</tr> 

　　<tr align=center>   /pic/p>

　　<td>中國</td>   

　　<td>淘寶</td> 

　　<td>www.taobao.com</td>   

　　<td>32</td> 

　　</tr> 

　　<tr align=center>   

　　<td rowspan=2>美國</td> 

　　/pic/p>

　　/pic/p>

　　<td>ebay</td> 

　　<td>www.ebay.com</td>   

　　<td>22</td> 

　　</tr>   

　　<tr align=center>   

　　<td>facebook</td> 

　　<td>www.facebook.com</td>   

　　<td>12</td> 

　　</tr>  

　　<tr  align=right>    

　　<td colspan=4>網(wǎng)站排名</td> 

　　</tr>  

　　</table> 

　　2、css題目：請簡(jiǎn)化以下的 CSS 代碼。 

　　div.container{   

　　width: 500px;  

　　background-image: url(/img/sprite.png);  

　　background-repeat: no-repeat;  

　　background-position: 0px -78px;  

　　}  

　　div.container ul#news-list, div.container ul#news-list li{  

　　margin: 0px; padding: 0px;  

　　}  

　　div.container ul#news-list li{   

　　padding-left: 20px;  

　　background-image: url(/img/sprite.png);   

　　background-repeat: no-repeat;   

　　background-position: -120px 0px;  

　　}  

　　A{  

　　font-size: 14px;  

　　font-weight：bold;   

　　line-height: 150%;   

　　color: #000000;  

　　} 

　　參考答案 

　　div.container{   

　　width: 500px;  

　　background: url(/img/sprite.png) no-repeat 0 -78px;  

　　}

　　#news-list, #news-list li { margin: 0 padding: 0; }  

　　#news-list li { padding-left: 20px; background: url(/img/sprite.png) no-repeat -120px 0; } 

　　A { font: bold 14px/150%; color: #000; } 

　　3、css題目:圓角半透明 

　　純CSS方式實(shí)現圓角框的原理在網(wǎng)絡(luò )上已經(jīng)有很多人詳細解說(shuō)了，下面這個(gè)示意圖是我將其中的一個(gè)圓角進(jìn)行放大后的效果。

　　從上面效果圖中我們可以看到其實(shí)這種圓角框是靠一個(gè)個(gè)容器堆砌而成的，每一個(gè)容器的寬度不同，這個(gè)寬度是由margin外邊距來(lái)實(shí)現的，如：margin:0 5px;就是左右兩側的外邊距5像素，從上到下有5條線(xiàn)，其外邊距分別為5px，3px，2px，1px，依次遞減。因此根據這個(gè)原理我們可以實(shí)現簡(jiǎn)單的html結構和樣式。 

　　代碼 

　　/*上圓角框通用設置樣式*/ 

　　.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{  

　　height:1px; 

　　font-size:1px;   

　　overflow:hidden;   

　　display:block;  

　　} 

　　.b1,.b8{  

　　margin:0 5px; 

　　} 

　　.b2,.b7{  

　　margin:0 3px; 

　　border-right:2px solid;   

　　border-left:2px solid; 

　　} 

　　.b3,.b6{  

　　margin:0 2px;  

　　border-right:1px solid;  

　　border-left:1px solid; 

　　} 

　　.b4,.b5{  

　　margin:0 1px; 

　　border-right:1px solid;   

　　border-left:1px solid;   

　　height:2px; 

　　} 

　　.content {  

　　border-right:1px solid;  

　　border-left:1px solid;  

　　overflow:hidden; 

　　} 

　　/*顏色方案一,藍色邊框*/ 

　　/*下面第一、二句決定邊框顏色，第三句決定背景顏色*/ 

　　/*邊框色*/ 

　　.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{  

　　border-color:#96C2F1; 

　　} 

　　.color1 .b1,.color1 .b8{  

　　background:#96C2F1; 

　　} 

　　css實(shí)現半透明： 

　　<style type="text/css"> 

　　.alpha1,.alpha2{  

　　width:100%;     

　　height:auto; 

　　min-height:250px;/* 必需 */

　　_height:250px;/* 必需 */     

　　overflow:hidden; 

　　background-color:#FF0000;/* 背景色 */ 

　　} 

　　.alpha1{ 

　　filter:alpha(opacity=30); /* IE 透明度30% */ 

　　} 

　　.alpha2{ 

　　background-color:#FFFFFF; 

　　-moz-opacity:0.7; /* Moz + FF 透明度30%*/ 

　　opacity: 0.7; /* 支持CSS3的瀏覽器（FF 1.5也支持）透明度30%*/ 

　　} 

　　.ap2{ 

　　position:absolute; 

　　} 

　　</style>  

　　<div class="alpha1"> 

　　<div class="ap2"> 

　　<p>背景為紅色(#FF0000)，

　　透明度20%。</p> 

　　</div> 

　　<!--[if IE]> 

　　<![if !IE]>  

　　<![endif]--> 

　　<div class="alpha2"></div>  

　　<!--[if IE]>  

　　<![endif]> 

　　<![endif]--> 

　　</div>  

　　4、JS題目：獲取頁(yè)面中所有的class為test的節點(diǎn) 

　　/pic/p>

　　function getClass(tagName,className)  

　　{  

　　/pic/p>

　　if(document.getElementsByClassName)      

　　{           

　　return document.getElementsByClassName(className); 

　　}else{   

　　/pic/p>

　　var tags=document.getElementsByTagName(tagName);   

　　/pic/p>

　　var tagArr=[]; 

　　for(var i=0;i < tags.length; i++) 

　　{ 

　　if(tags[i].className== className) 

　　{     

　　/pic/p>

　　tagArr[tagArr.length] = tags[i];

　　} 

　　} 

　　return tagArr; 

　　}

　　} 

　　var topMenus = getClass('li','topMenu'); 

　　for(var i=0;i < topMenus.length; i++)

　　{ 

　　alert(topMenus[i].innerHTML);

　　}  

　　5、使用js取得數組中無(wú)重復的元素：就是去重 

　　/pic/p>

　　<script> 

　　function getDistArray(a,n){

　　sort(a,n);  

　　var new_arr=new Array(); 

　　var res=new Array();   

　　new_arr=a;   

　　res[0]=new_arr[0];   

　　var k=1;   

　　var key=1;   

　　for(i=1;i<n;i++){    

　　j=k-1;  

　　if(new_arr[j]!=new_arr[i]){

　　res[key]=new_arr[i];

　　key++;     

　　k=i+1; 

　　} 

　　}

　　return res;

　　}

　　function sort(a,n){

　　flag=false;

　　for(i=0;i<n-1;i++){

　　for(j=0;j<n-i-1;j++){

　　if(parseInt(a[j])>parseInt(a[j+1])){   

　　tmp=a[j+1];

　　a[j+1]=a[j]; 

　　a[j]=tmp;

　　flag=true; 

　　} 

　　} 

　　if(flag==false){

　　return a; 

　　} 

　　} 

　　} 

　　/pic/p>

　　function getDist(a,n){   

　　var res=new Array();

　　res[0]=a[0];

　　key=1;  

　　for(i=1;i<n;i++){

　　flag=false;

　　for(j=0;j<key;j++){

　　if(a[i]==res[j]){

　　flag=true;       

　　break;   

　　}  

　　} 

　　if(flag==false){

　　res[key]=a[i];

　　key++; 

　　} 

　　} 

　　return res; 

　　} 

　　6、如果看待前端工程師這個(gè)職位

【小學(xué)400字作文給自己一個(gè)微笑】相關(guān)文章：

給自己一個(gè)微笑小學(xué)作文03-14

給自己一個(gè)微笑的作文11-27

(精選)給自己一個(gè)微笑作文05-10

給自己一個(gè)微笑作文12-06

給自己一個(gè)微笑[精選]11-11

給自己一個(gè)微笑05-06

給自己一個(gè)微笑小學(xué)作文（精選25篇）12-13

給自己一個(gè)微笑作文格式10-01

（熱門(mén)）給自己一個(gè)微笑作文01-29

給自己一個(gè)微笑的理由作文03-18