Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 青青草原国产一区二区,国产超a动作大片,日韩伦理电影中文在线观看免费网 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML之CSS列表<二>
          
        
           
          
	
	
          
		
                        
          SS列表屬性作用有三類，這章介紹列表項(xiàng)標(biāo)記為圖像。
          列表項(xiàng)標(biāo)記為圖像
          （1）編輯代碼
          打開記事本，編寫代碼，并保存為HTML格式文件。代碼如下。


          （2)在瀏覽器中瀏覽效果
          在瀏覽器中瀏覽效果如圖所示。
          例子解釋：
          • ul:設(shè)置列表類型為沒有列表項(xiàng)標(biāo)記設(shè)置填充和邊距0px（瀏覽器兼容性）
          • ul中所有l(wèi)i:設(shè)置圖像的URL，并設(shè)置它只顯示一次（無重復(fù)）您需要的定位圖像位置（左0px和上下5px）用padding-left屬性把文本置于列表中。
          列表 -簡寫屬性
          在單個(gè)屬性中可以指定所有的列表屬性。這就是所謂的簡寫屬性。
          為列表使用簡寫屬性，列表樣式屬性設(shè)置如下：

          （1）編輯代碼
          打開記事本，編寫代碼，并保存為HTML格式文件。代碼如下。


          （2)在瀏覽器中瀏覽效果
          在瀏覽器中瀏覽效果如圖所示。

          所有的CSS列表屬性
          SS列表屬性作用如下：
          • 設(shè)置不同的列表項(xiàng)標(biāo)記為有序列表
          • 同的列表項(xiàng)標(biāo)記為無序列表
          • 設(shè)置列表項(xiàng)標(biāo)記為圖像
          列表
          在HTML中，有兩種類型的列表：
          • 無序列表 - 列表項(xiàng)標(biāo)記用特殊圖形（如小黑點(diǎn)、小方框等）
          • 有序列表 - 列表項(xiàng)的標(biāo)記有數(shù)字或字母
          使用CSS，可以列出進(jìn)一步的樣式，并可用圖像作列表項(xiàng)標(biāo)記。
          不同的列表項(xiàng)標(biāo)記
          list-style-type屬性指定列表項(xiàng)標(biāo)記的類型是：

          無序列表

          （1）編輯代碼
          打開記事本，編寫代碼，并保存為HTML格式文件。代碼如下。


          （2)在瀏覽器中瀏覽效果
          在瀏覽器中瀏覽效果如圖所示。
          、HTML與XHTML的區(qū)別
          （1）在XHTML 中標(biāo)簽名稱必須小寫，在HTML 中標(biāo)簽名稱既可以小寫也可以大寫；
          （2）在XHTML 中標(biāo)簽必須封閉，在HTML中標(biāo)簽可以不成對出現(xiàn)；
          （3）在XHTML 中標(biāo)簽必須嚴(yán)格嵌套，HTML對標(biāo)簽嵌套沒有嚴(yán)格規(guī)定；
          （4）在XHTML 中屬性名稱必須小寫，在HTML 中也一樣；
          （5）在XHTML 中標(biāo)簽必須用雙引號引起來，HTML中可以不用；
          二、特殊符號
          •  表示空格；
          • "表示雙引號；
          • &表示&符號；
          • >表示大于號>；
          • <表示小于號<；
          • &copy?表示版權(quán)符號?；
          三、列表的使用
          （1）無序列表
          • 無序列表是一個(gè)項(xiàng)目列表，使用項(xiàng)目符號標(biāo)記無序列表的項(xiàng)目，無序列表也就是沒有順序的列表；
          • 無序列表的type屬性取值有三種，分別是circle（圓圈）、disc（實(shí)心圓點(diǎn)）、square（方塊）；
          # 打印實(shí)心圓點(diǎn)的無序列表

<body>
 <ul type="disc">
 <li>第一</li>
 <li>第二</li>
 <li>第三</li>
 </ul>
</body>

          （2）有序列表
          • 有序列表也是由一個(gè)個(gè)列表項(xiàng)組成，列表想既可以使用數(shù)字標(biāo)記，也可以使用字母標(biāo)記；
          • 有序列表的type屬性取值有5中，分別是1（數(shù)字）、i（小寫羅馬字母）、I（大寫羅馬字母）、a（小寫字母）、A（大寫字母）；
          # 打印數(shù)字排序的有序列表

<body>
 <ol type="1">
 <li>我最愛椰奶</li>
 <li>第二愛可樂</li>
 <li>第三愛橙汁</li>
 </ol>
</body>

          （3）定義列表
          • 定義列表是當(dāng)無序列表和有序列表都不適合時(shí)，通過自定義列表來完成自定義展示，所以定義列表不僅僅是一個(gè)項(xiàng)目列表，而是項(xiàng)目和注釋的組合；
          <body>
 <dl>
 <dt>春曉</dt>
 <dd>春眠不覺曉，處處聞啼鳥</dd>
 <dd>夜來風(fēng)雨聲，花落知多少</dd>
 </dl>
</body>

          四、表格的使用
          （1）表格的基本結(jié)構(gòu)
          • 單元格：表格的最小單位，一個(gè)或多個(gè)單元格縱橫排列組成了表格；
          • 行：一個(gè)或多個(gè)單元格橫向堆疊形成了行；
          • 列：一個(gè)或多個(gè)單元格縱向堆疊形成了列；
          <table>
 <tr>
 <td>第一行第一列</td> 
 <td>第一行第二列</td> 
 <td>第一行第三列</td> 
 </tr>
 <tr>
 <td>第二行第一列</td> 
 <td>第二行第二列</td> 
 <td>第二行第三列</td> 
 </tr>
</table>

          （2）表格的對齊方式
          • align屬性：left表示水平居左、center表示水平居中、right表示水平居右；
          • valign屬性：top表示垂直置頂、middle表示垂直居中、bottom表示垂直靠底；
          （3）表格的其他屬性
          • th：一種特殊的單元格，加粗并居中；
          • caption：表格標(biāo)題；
          • cellspacing：規(guī)定單元格之間的空間；
          • cellpadding：規(guī)定單元邊沿與其內(nèi)容之間的空白；
          • colspan：表格跨列；
          • rowspan：表格跨行；
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
乱中年女人伦av一区二区|
在线视频一区二区三区三区不卡
|
国产MD视频一区二区三区|
色婷婷AV一区二区三区浪潮|
国产婷婷色一区二区三区深爱网
|
亚洲欧洲一区二区|
亚洲片一区二区三区|
暖暖免费高清日本一区二区三区|
无码国产精品一区二区免费16|
中文无码精品一区二区三区
|
一区二区三区精密机械|
无码人妻精品一区二区三区99仓本|
色婷婷亚洲一区二区三区|
伊人色综合视频一区二区三区
|
白丝爆浆18禁一区二区三区|
国产乱码精品一区二区三区|
亚洲国产成人久久一区二区三区|
亚洲视频一区二区在线观看|
亚洲无删减国产精品一区|
久久se精品一区二区国产|
国产亚洲福利精品一区|
亚洲乱码一区二区三区在线观看
|
精品成人一区二区三区免费视频|
99精品国产一区二区三区2021|
国产精品福利一区二区|
AA区一区二区三无码精片|
国产精品第一区揄拍|
精品人妻少妇一区二区三区不卡|
亚洲日韩一区二区一无码|
国产欧美一区二区精品仙草咪|
日韩精品久久一区二区三区|
国产一区二区三区福利|
一区视频免费观看|
久久亚洲国产精品一区二区|
亚洲国产成人久久综合一区|
久久精品无码一区二区三区不卡|
内射少妇一区27P|
伊人激情AV一区二区三区|
麻豆一区二区99久久久久|
欧美成人aaa片一区国产精品|
日本v片免费一区二区三区|