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 在线免费视频一区,国产成人精品系列在线观看,久久久国产精品免费视频 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          零基礎(chǔ)學(xué)習(xí)HTML換行符段落標(biāo)題水平線文本格式化字體鏈接錨點(diǎn)
          
        
           
          
	
	
          
		
                        
          yperText Markup Language 簡(jiǎn)稱為HTML
          HyperText: 超文本 （文本 + 圖片 + 視頻 + 音頻 + 鏈接）
          Markup Language: 標(biāo)記語(yǔ)言
          由SGML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言)發(fā)展而來(lái),寫給瀏覽器的語(yǔ)言
          超文本標(biāo)記語(yǔ)言（第一版）1993年6月（IETF制定）
          HTML 2.0——1995年11 月;HTML 3.0——1996年1 月;HTML 4.0——1997年
          W3C: World Wide Web Consortium (W3C理事會(huì)或萬(wàn)維網(wǎng)聯(lián)盟)
          1.HTML元素由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽組成。
          2.位于開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽中的文本是元素的內(nèi)容。
          3.HTML 標(biāo)簽有開(kāi)始必須有結(jié)束。如果是沒(méi)有內(nèi)容的標(biāo)簽（空標(biāo)簽），用 />來(lái)結(jié)束。
          4.標(biāo)簽名不區(qū)分大小寫，但是在XHTML中標(biāo)簽名必須用小寫。
          5.標(biāo)簽具有屬性， 屬性用來(lái)表示標(biāo)簽的性質(zhì)和特征。屬性要在開(kāi)始標(biāo)簽中指定。
          HTML 基本元素
          換行符 <br />
          段落 <p></p>
          標(biāo)題 <h1></h1>
          水平線<hr />
          文本格式化<b>
          預(yù)格式文本<pre>
          字體<font>
          鏈接<a>
          圖像<img>
          特殊字符&nbsp;
          注釋<!-- -->
          一、換行符
          <br />
          二、段落
          <p>這是一個(gè)段落</p>
          屬性說(shuō)明
          align行對(duì)齊方式(left, right, center)
          三、標(biāo)題
          <h1>標(biāo)題1</h1>
          <h2>標(biāo)題2</h2>
          <h3>標(biāo)題3</h3>
          <h4>標(biāo)題4</h4>
          <h5>標(biāo)題5</h5>
          <h6>標(biāo)題6</h6>
          四、水平線
          <hr />
          <hr size="5" width="50%" align="center" />
          屬性說(shuō)明
          size指定線的粗細(xì)（px）
          width指定線的長(zhǎng)度(px或%)
          align行對(duì)齊方式(left, right, center)
          五、文本格式化
          <b>定義粗體文本</b>
          <i> 定義斜體文本 </i>
          <s>定義刪除文本</s> <del></del>
          <u>定義下劃線文本</u>
          <sup>定義上標(biāo)字</sup>
          <sub>定義下標(biāo)字</sub>
          六、<pre> 預(yù)格式文本
          <pre>標(biāo)簽可以保留文字在源代碼中的格式，使得頁(yè)面中顯示的內(nèi)容和源代碼中的格式一致。如：
          <pre>
          <script>alert("這會(huì)顯示一個(gè)彈出窗口");</script>
          </pre>
          七、字體
          <font>這是一段文字</font>
          屬性說(shuō)明
          size定義字體大小
          face定義字體
          color定義字體顏色
          （1）16進(jìn)制的模式 #DCC123
          （2）單詞模式 red ,blue ,green ,black
          （3）RGB rgb(20,100,35) 0-255
          八、鏈接
          <a href="URL"> ~ </a>
          屬性說(shuō)明
          href定義鏈接地址
          title鏈接提示信息
          target鏈接打開(kāi)方式(_blank 新的空白頁(yè),_self 當(dāng)前頁(yè),_top)
          九、郵件鏈接
          <a href="mailto:郵箱地址"> ~ </a>
          十、錨點(diǎn)
          錨點(diǎn)標(biāo)簽用于使用戶"跳"到文檔的某個(gè)部分。
          <a href="#位置名"> ~ </a>
          <a name="位置名"> ~ </a>
          怎樣指定鏈接的地址？
          1.外部鏈接
          <a > HTML模板網(wǎng)</a>
          2.內(nèi)部鏈接
          <a href="about.html"> 公司簡(jiǎn)介 </a>
          度選擇器
          （就是大盒子內(nèi)幾層后有一個(gè)標(biāo)簽，沒(méi)有指定class和id，單獨(dú)給這個(gè)標(biāo)簽設(shè)置樣式的時(shí)候找不到，需要在內(nèi)標(biāo)簽的聲明樣式之前 加一個(gè) /deep/ ）
          在vue 項(xiàng)目中使用 scoped 后，在父組件中的樣式無(wú)法修改子組件的樣式這時(shí)可以使用深度作用選擇器 /deep/
          如：我的項(xiàng)目中，div 內(nèi)部有 多個(gè)p，有的p里有段落文字，有的p里是img標(biāo)簽，而我就想這樣寫img的時(shí)候，就需要在img前加 /deep/ 就可以找到img。
          空白幽靈節(jié)點(diǎn)設(shè)置
          什么是空白幽靈節(jié)點(diǎn)：沒(méi)有margin 和padding，卻有空白的位置

          解決的辦法：
          1.在他的父元素的div上加 font-size:0;
          2.改變img的元素display:block
          多程序員朋友，在用CSS進(jìn)行邊距調(diào)整時(shí)，老分不清楚外邊距margin和內(nèi)邊距padding的區(qū)別，在我部門，就有兩個(gè)迷糊蟲(chóng)。于是我上網(wǎng)找了一幅圖，一副不可描述的圖(你可不要想歪了)，他們一看就完全明白了，現(xiàn)在分享給你。


          12.1 內(nèi)外抉擇
          在什么場(chǎng)景中使用padding，在什么場(chǎng)景中使用margin，這是一個(gè)學(xué)問(wèn)。你掌握了，學(xué)問(wèn)就有了。
          這是用padding的學(xué)問(wèn)
          （1）需要在border內(nèi)側(cè)添加空白，在文字與邊框留有距離時(shí)；
          （2）空白處需要背景色時(shí)；
          （3）上下相連的兩個(gè)盒子之間的空白希望等于兩者之和時(shí)，比如15px+20px的padding，將得到35px的空白。
          這是用margin的學(xué)問(wèn)
          （1）需要在border外側(cè)添加空白時(shí);
          （2）空白處不需要有背景色時(shí);
          (3）上下相連的兩個(gè)盒子之間的空白需要相互抵消時(shí)，比如15px+20px的margin，將得到20px的空白。
          12.2 內(nèi)外有別
          在CSS中，通過(guò)外邊距margin屬性，可設(shè)置元素周圍的空間。可用margin統(tǒng)一指定4邊，也可用margin-top等屬性，特指其中一邊。這種方案，在CSS中是很常見(jiàn)的。padding和margin的作用不同，但用法是一樣的。為了區(qū)分效果，我只在一個(gè)div中用了padding，通過(guò)比較，一目了然。
          在CSS表文件ys2.css中的代碼
          /*單獨(dú)指定一個(gè)邊距*/
.one-margin {
    margin-left: 100px;
}

/*4個(gè)邊距*/
.four-margin {
    background: cadetblue;
    width: 400px;
    height: 200px;
    margin: 10px 20px 30px 50px;
}

/*加上padding*/
.use-padding {
    background: cadetblue;
    width: 400px;
    height: 200px;
    margin: 10px 20px 30px 50px;
    padding-top: 20px;
}
          在HTML文件中的代碼
          <div class="big-div">
    <h1 class="one-margin">margin用法</h1>
    <div class="four-margin">
        margin一個(gè)值：4個(gè)邊距;<br/>
        margin兩個(gè)值：上下邊距、左右邊距;<br/>
        margin三個(gè)值：上邊距、左右邊距、下邊距;<br/>
        margin四個(gè)值：上邊距、右邊距、下邊距、左邊距。
    </div>
    <div class="use-padding">
        padding一個(gè)值：4個(gè)邊距;<br/>
        padding兩個(gè)值：上下邊距、左右邊距;<br/>
        padding三個(gè)值：上邊距、左右邊距、下邊距;<br/>
        padding四個(gè)值：上邊距、右邊距、下邊距、左邊距。<br/>
        為了區(qū)分margin和margin，我只用 padding-top,你能看出效果么?
    </div>
</div>
          輸出結(jié)果
          好了，有關(guān)CSS邊距的內(nèi)容，老陳講完了，如果覺(jué)得對(duì)你有所幫助，希望老鐵能轉(zhuǎn)發(fā)點(diǎn)贊，讓更多的人看到這篇文章。你的轉(zhuǎn)發(fā)和點(diǎn)贊，就是對(duì)老陳繼續(xù)創(chuàng)作和分享最大的鼓勵(lì)。
          一個(gè)當(dāng)了10年技術(shù)總監(jiān)的老家伙，分享多年的編程經(jīng)驗(yàn)。想學(xué)編程的朋友，可關(guān)注：老陳說(shuō)編程。分享Python，前端(小程序)、App和嵌入式方面的干貨。關(guān)注我，沒(méi)錯(cuò)的。
          #前端##HTML5##CSS##程序員##Web#
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
另类ts人妖一区二区三区|
色国产在线视频一区|
日本在线电影一区二区三区
|
熟女精品视频一区二区三区|
综合无码一区二区三区|
亚洲中文字幕丝袜制服一区
|
日本不卡一区二区三区|
无码欧精品亚洲日韩一区|
国产精品 视频一区 二区三区
|
日韩av片无码一区二区三区不卡|
欧洲精品免费一区二区三区|
亚州AV综合色区无码一区|
日本中文字幕在线视频一区
|
美女免费视频一区二区|
日本中文一区二区三区亚洲|
精品伦精品一区二区三区视频|
色噜噜一区二区三区|
久久99国产精品一区二区|
日本一区二区免费看|
波多野结衣一区二区三区|
久久久久人妻一区二区三区|
日本内射精品一区二区视频|
亚洲韩国精品无码一区二区三区|
中文字幕一区日韩精品|
免费观看一区二区三区|
久久久国产精品亚洲一区|
精品国产一区二区三区久|
爆乳熟妇一区二区三区|
亚洲一区二区三区精品视频|
一区二区三区免费高清视频|
另类免费视频一区二区在线观看|
亚洲精品日韩一区二区小说|
一区二区三区四区精品|
丝袜美腿高跟呻吟高潮一区|
精品无人区一区二区三区
|
日本一区二区三区爆乳|
曰韩精品无码一区二区三区|
亚洲AV无码国产一区二区三区|
国产一区二区福利|
一区二区三区福利|
国产一区二区三区樱花动漫|