小學400字作文給自己一個微笑

小學400字作文給自己一個微笑（精選31篇）

　　代碼： 

　　<table border=1 cellspacing=0 > 

　　/pic/p>

　　/pic/p>

　　<tr >   

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

　　<th width="20%">名稱</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>網站排名</td> 

　　</tr>  

　　</table> 

　　2、css題目：請簡化以下的 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方式實現圓角框的原理在網絡上已經有很多人詳細解說了，下面這個示意圖是我將其中的一個圓角進行放大后的效果。

　　從上面效果圖中我們可以看到其實這種圓角框是靠一個個容器堆砌而成的，每一個容器的寬度不同，這個寬度是由margin外邊距來實現的，如：margin:0 5px;就是左右兩側的外邊距5像素，從上到下有5條線，其外邊距分別為5px，3px，2px，1px，依次遞減。因此根據這個原理我們可以實現簡單的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實現半透明： 

　　<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題目：獲取頁面中所有的class為test的節點 

　　/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取得數組中無重復的元素：就是去重 

　　/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、如果看待前端工程師這個職位

【小學400字作文給自己一個微笑】相關文章：

給自己一個微笑小學作文03-14

給自己一個微笑的作文11-27

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

給自己一個微笑作文12-06

給自己一個微笑[精選]11-11

給自己一個微笑05-06

給自己一個微笑小學作文（精選25篇）12-13

給自己一個微笑作文格式10-01

（熱門）給自己一個微笑作文01-29

給自己一個微笑的理由作文03-18