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 久久精品视频久久,精品女同一区二区三区免费播放,欧美成人全部视频 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML簡單的 <iframe> 標簽
          
        
           
          
	
	
          
		
                        
          例
          標記一個內聯框架：
          <iframe src="http://www.runoob.com"></iframe>
          瀏覽器支持
          所有主流瀏覽器都支持 <iframe> 標簽。
          標簽定義及使用說明
          <iframe> 標簽規定一個內聯框架。
          一個內聯框架被用來在當前 HTML 文檔中嵌入另一個文檔。
          提示和注釋
          提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之間，這樣就可以應對不支持 <iframe> 的瀏覽器。
          提示：使用 CSS 為 <iframe> （包括滾動條）定義樣式。
          HTML 4.01 與 HTML5之間的差異
          HTML5 新增了一些新的屬性，同時去掉了 HTML 4.01 中的一些屬性。
          HTML 與 XHTML 之間的差異
          在 XHTML 中，name 屬性已被廢棄，并將被去掉。請使用 id 屬性代替。
          屬性
          New ：HTML5 中的新屬性。
          屬性值描述
          alignleftrighttopmiddlebottomHTML5 不支持。HTML 4.01 已廢棄。 規定如何根據周圍的元素來對齊 <iframe>。
          frameborder10HTML5 不支持。規定是否顯示 <iframe> 周圍的邊框。
          heightpixels規定 <iframe> 的高度。
          longdescURLHTML5 不支持。規定一個頁面，該頁面包含了有關 <iframe> 的較長描述。
          marginheightpixelsHTML5 不支持。規定 <iframe> 的頂部和底部的邊距。
          marginwidthpixelsHTML5 不支持。規定 <iframe> 的左側和右側的邊距。
          namename規定 <iframe> 的名稱。
          sandboxNew""allow-formsallow-same-originallow-scriptsallow-top-navigation對 <iframe> 的內容定義一系列額外的限制。
          scrollingyesnoautoHTML5 不支持。規定是否在 <iframe> 中顯示滾動條。
          seamlessNewseamless規定 <iframe> 看起來像是父文檔中的一部分。
          srcURL規定在 <iframe> 中顯示的文檔的 URL。
          srcdocNewHTML_code規定頁面中的 HTML 內容顯示在 <iframe> 中。
          widthpixels規定 <iframe> 的寬度。
          全局屬性
          <iframe> 標簽支持 HTML 的全局屬性。
          事件屬性
          <iframe> 標簽支持 HTML 的事件屬性。
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          塊布局對齊是web開發中最基本的展示，除去float屬性外，轉換為內聯塊元素，小元素的水平對齊方式都是比較細節比較重要的技術點。

          果給你一些文本文字，要讓它變得美，你將會采用什么方法？用過PPT的人都知道，可以調整顏色，可以設定字體，可以進行對齊、縮進等操作。這些在PPT中常用的方法，在CSS中也是很容易實現的，代碼也簡單。
          10.1 文本顏色
          在CSS中，設置文本顏色，用color屬性，值可為16進制、一個RGB值或顏色名稱。十六進制用#號開始，后接#RGB，比如 #ff0000；RGB值為rgb(255,0,51)形式；顏色名稱名稱直接就是英語單詞，如red。
          樣色表ys2.css文件內容
          body {
       color:#00ff00;
}
h3 {
 color:CadetBlue;

}
p {
    color:rgb(0,0,255);
}
          HTML文件內容
          <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>字體顏色</title>
    <link rel="stylesheet" type="text/css" href="ys2.css"/>
</head>
<body>
<h3>年底了，還能找工作不?</h3>
<p>
    昨晚七點多收到通知，說老板抽查了幾次監控，發現一些人上班渾水摸魚玩手機，
要召開緊急視頻會議，<br/>
    全體員工必須參會，視頻里老板很生氣，正火冒三丈的批評那些財務人員上班玩手機，
說再不多提升自己，<br/>
    以后早晚被電腦和機器代替， 然后我忘記關麥了，說了句：機器能替你吃牢飯？<br/>
    唉，也不知道年底了工作好不好找。</p>
</body>
</html>
          輸出結果
          10.2 文本字體
          CSS字體屬性定義字體，加粗，大小，文字樣式。在用軟件時，你是不是見過宋體什么的，沒錯，那個就是字體了。在CSS中，可以使用Font Family："宋體"的方式指定字體；樣式，就是加粗、傾斜那個，用font-style指定；大小則用font-size。
          /* ys2.css里的樣式表內容 */
.f {
    font-family: "宋體";
    /* 加粗 */
    font-style: oblique;
    font-size: 40px;
}

<!--html文件內容-->
<div class="f">
    牛的程序員，羊一樣的女孩
</div>
          輸出結果
          10.3 對齊方式
          文本在元素內水平對齊，可以使用 text-align: 值的方式，center居中對齊，left居左對齊，right居右對齊；垂直居中對齊，可用vertical-align和line-height結合的方式進行指定，這個平時會經常用到，記下來。
          /*css文件里的內容*/

/*水平居中*/
.div-width {
    width: 800px;
}

.txt-left {
    text-align: left;
    color: aquamarine;
}

.txt-center {
    text-align: center;
    color: darkcyan;
}

.txt-right {
    text-align: right;
    color: darkgreen;
}

/*垂直居中*/
.txt-vertical {
    border: 2px solid green;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
    text-align: center;
}

<!-- HTML文件里的內容 -->
<div class="div-width">
    <!--水平居中-->
    <p class="txt-left">向左看齊</p>
    <p class="txt-center">居中對齊</p>
    <p class="txt-right">向右看齊</p>
    <!--垂直居中-->
    <div class="txt-vertical">垂直居中方法1</div>
    <div>垂直居中方法2</div>
</div>
          輸出結果
          如果要對標簽進行水平居中的話，可以使用 margin: auto;用position: absolute; 屬性來對齊元素的話，有些瀏覽器不支持，所以不推薦。
          /* 在樣式表文件中 */
.div-center {
    margin: auto;
    width: 50%;
    border: 1px solid green;
    height: 300px;
    text-align: center;
    vertical-align: center;
    line-height: 300px;
}
<!--在html文件中-->
<div class="div-center">我站在，人海中間：div在Web居中，文字在div中居中</div>
          輸出結果
          10.4 文本之距
          為了讓閱讀舒服，在進行文本排版之時，會考慮字與字之間的間距，有行與行之間的距離，還有段落的縮進等。在CSS中，字符間距可用letter-spacing:值；行間距依然用line-height:值；段落字符縮進，用text-indent即可。溫馨提醒：text-indent只對div和p標簽有效。
          /* 在樣式表文件中 */
.text-spacing {
    width: 900px;
    border: 1px solid green;
    letter-spacing: 50px;
}

p.row {
    line-height: 3.0em;
}

p.i {
    /*em是相對單位，2em即現在一個字大小的兩倍*/
    text-indent: 2em;
}
<!--在html文件中-->
<div class="text-spacing">
    他說風雨中，這點痛算什么
</div>
<p class="row">
    秋季降溫快的特點，使得秋收、秋耕、秋種的“三秋”大忙顯得格外緊張。<br/>
    秋分棉花吐絮，煙葉也由綠變黃，正是收獲的大好時機。華北地區已開始播種冬麥，<br/>
    長江流域及南部廣大地區正忙著晚稻的收割，搶晴耕翻土地，準備油菜播種。
</p>
<p class="i">
    當我以為我無法繼續走下去時，我強迫自己要繼續前進。<br/>
    我的成功是基于我的堅持，并非運氣。<br/>
    努力,是為了跳出你厭惡的圈子。<br/>
    讀書,是為了遠離渣貨垃圾人。<br/>
    健身,是為了讓討厭的人心平氣和...
</p>
          輸出結果

          好了，有關CSS文本或元素對齊的內容，老陳講完了，如果覺得對你有所幫助，希望老鐵能轉發點贊，讓更多的人看到這篇文章。你的轉發和點贊，就是對老陳繼續創作和分享最大的鼓勵。 
          一個當了10年技術總監的老家伙，分享多年的編程經驗。想學編程的朋友，可關注：老陳說編程。分享Python，前端(小程序)、App和嵌入式方面的干貨。關注我，沒錯的。
          #前端##HTML5##CSS##程序員##Web#
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产a久久精品一区二区三区|
国产精品一区二区久久乐下载
|
欧美日韩国产免费一区二区三区|
亚洲AV永久无码精品一区二区国产
|
亚洲一区二区三区成人网站
|
国产一区二区三区亚洲综合|
国产精品视频一区二区三区|
无码一区二区三区老色鬼|
日韩精品电影一区|
天天视频一区二区三区|
精品一区精品二区制服|
一区二区在线免费观看|
亚洲av午夜福利精品一区|
精品国产日韩亚洲一区|
国产精品一区二区三区免费|
无码人妻精品一区二区蜜桃百度|
国模精品视频一区二区三区|
欧美人妻一区黄a片|
在线观看精品视频一区二区三区|
成人免费一区二区无码视频|
四虎在线观看一区二区|
在线|一区二区三区|
日韩精品无码人妻一区二区三区|
日本精品高清一区二区2021|
国产肥熟女视频一区二区三区
|
91久久精一区二区三区大全|
久久国产精品免费一区|
丝袜人妻一区二区三区|
国产在线一区二区|
末成年女AV片一区二区|
91精品福利一区二区|
亚洲AV无码一区二区三区人
|
精品国产a∨无码一区二区三区|
91在线一区二区|
日韩美女在线观看一区|
国产福利电影一区二区三区，亚洲国模精品一区
|
精品视频一区二区三区免费|
人妻无码久久一区二区三区免费
|
成人免费区一区二区三区|
国产剧情国产精品一区|
2022年亚洲午夜一区二区福利|