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 97色97色97色成人,日韩在线中文,久久亚洲一区二区 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務商
          
				
          電腦端+手機端+微信端=數據同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          「測試開發全棧-HTML」(9)css字體屬性之字體粗細和樣式
          
        
           
          
	
	
          
		
                        
          天說了CSS字體屬性的大小，font-family, 今天我們來一起學習下字體屬性的字體粗細 font-weight
          還是使用昨天的那首詩，讓詩句中的最后一句顯示粗體，看下效果:
          可以看到最后一句顯示粗體了，我們來查看下對應的代碼:
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>CSS字體屬性之字體粗細和樣式</title>
          <style>
          .bold {
          font-weight:bold;
          }
          </style>
          </head>
          <body>
          <h2>明月幾時有</h2>
          <p>明月幾時有，把酒問青天</p>
          <p>不知天上宮闕，今夕是何年</p>
          <p>我欲乘風歸去，又恐瓊樓玉宇</p>
          <p>高處不勝寒，起舞弄清影，何似在人間。</p>
          <p>人有悲歡離合，月有陰晴圓缺，此事古難全</p>
          <p class="bold">但愿人長久，千里共嬋娟。</p>
          </body>
          </html>

          字體粗細中的參數包括: normal | bold | bolder | lighter | number(自定義)
          我們來試試lighter和number自定義吧
          可以看到紅框的字體都已經設置好了，對應的代碼為:
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>CSS字體屬性之字體粗細和樣式</title>
          <style>
          .bold {
          font-weight:bold;
          }

          .lighter {
          font-weight:lighter;
          }

          .number {
          font-weight: 900;
          }
          </style>
          </head>
          <body>
          <h2>明月幾時有</h2>
          <p class="lighter">明月幾時有，把酒問青天</p>
          <p>不知天上宮闕，今夕是何年</p>
          <p class="number">我欲乘風歸去，又恐瓊樓玉宇</p>
          <p>高處不勝寒，起舞弄清影，何似在人間。</p>
          <p>人有悲歡離合，月有陰晴圓缺，此事古難全</p>
          <p class="bold">但愿人長久，千里共嬋娟。</p>
          </body>
          </html>
          這里需要記住的一點，number自定義數字后不需要加上px

          那么是否可以對標題的字體進行粗細設置呢？
          答案是可以的，一起來看下
          可以看到標題中的字體變為正常的了，對應的代碼如下:
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>CSS字體屬性之字體粗細和樣式</title>
          <style>
          .bold {
          font-weight:bold;
          }

          .lighter {
          font-weight:lighter;
          }

          .number {
          font-weight: 900;
          }

          h2 {
          font-weight: normal;
          }
          </style>
          </head>
          <body>
          <h2>明月幾時有</h2>
          <p class="lighter">明月幾時有，把酒問青天</p>
          <p>不知天上宮闕，今夕是何年</p>
          <p class="number">我欲乘風歸去，又恐瓊樓玉宇</p>
          <p>高處不勝寒，起舞弄清影，何似在人間。</p>
          <p>人有悲歡離合，月有陰晴圓缺，此事古難全</p>
          <p class="bold">但愿人長久，千里共嬋娟。</p>
          </body>
          </html>
          加上了對h2的字體設置

          好的，今天就是我們對字體粗細的學習，大家加油，十一馬上就要結束了，88
          <script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
          文字樣式針對的是“文字本身”，而文本樣式針對的是“整個段落”。
          一、常用的文本樣式屬性
          1、text-indent 首行縮進
          2、text-align 水平對齊
          3、text-decoration 文本修飾
          4、text-transform 大小寫轉換
          5、line-height 行高
          6、letter-spacing 字母間距
          7、word-spacing 詞間距
          二、首行縮進 text-indent
          語法：
          text-indent:像素值;
          舉例：
          tml標簽中H標簽又稱標題標簽。在建網站中會使用到，不到的段落格式需要使用不同的標簽。標簽可以反映一段文字的大小、顏色、縮寫、換行、間距等等內容，根據全文的實際情況靈活應用標簽，特別是HTML標題標簽將對網站文章的質量起到非常重要的作用。我們圍繞著這個標簽詳細講一下如何正確使用標題標簽。
          HTML標題標簽的種類：
          HTML標題標簽總共有6個，分別為：H1,H2,H3,H4,H5,H6。
          h1代表最大，它的重要性最高，字體也最大。
          h6代表最小，字體最小，重要性也最小。
          h1，h2，h3，h4，h5，h6，作為HTML標題標簽，顯示的文字樣式為粗體，與html粗體標簽效果一樣。

          HTML標題標簽的重要性：
          H1-H6以重要性遞減，它可以讓頁面的層級關系更加清晰。
          示例：
<h1>一級標題</h1>
<p>段落</p>
<div>
<h2>二級標題</h2>
<p>...</p>
<div>
<h3>三級標題</h3>
<p>...</p>
<div>
<h4>四級標題</h4>
<p>...</p>
</div>
</div>
</div>
          根據文章實際的段落意義正確使用代表不同層級關系的HTML標題標簽，瀏覽器才能通過HTML解析出與本意一致的表達效果。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产精品一区电影|
天堂不卡一区二区视频在线观看|
久久久久女教师免费一区|
久久久久99人妻一区二区三区|
天天躁日日躁狠狠躁一区|
久久久久人妻精品一区|
成人日韩熟女高清视频一区|
一区二区在线视频观看|
免费高清在线影片一区|
一区二区三区在线观看|
亚洲综合在线成人一区|
国产精品高清一区二区三区|
在线精品亚洲一区二区三区|
变态调教一区二区三区|
国产成人一区二区三区免费视频|
精品欧洲AV无码一区二区男男
|
中文字幕在线观看一区二区|
精品视频一区在线观看|
精品一区狼人国产在线|
成人精品一区二区激情|
爆乳无码AV一区二区三区|
亚洲午夜精品一区二区麻豆|
91精品一区二区综合在线|
亚洲一区精品视频在线|
精品无码人妻一区二区三区品
|
国产日韩AV免费无码一区二区|
无码毛片一区二区三区视频免费播放
|
3D动漫精品一区二区三区|
人妻无码第一区二区三区|
精品日韩亚洲AV无码一区二区三区|
无码日韩精品一区二区三区免费
|
国模无码视频一区|
日本高清天码一区在线播放|
国产精品一区二区三区高清在线|
在线观看中文字幕一区|
日韩十八禁一区二区久久|
嫩B人妻精品一区二区三区|
精品少妇一区二区三区视频|
精品国产伦一区二区三区在线观看|
成人中文字幕一区二区三区|
久久精品免费一区二区喷潮|