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 欧美激情αv一区二区三区,天天操天天干天天摸,国产一区二区丁香婷婷 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          javascript實現字體變大變小效果
          
        
           
          
	
	
          
		
                        
          些項目中會?？吹近c擊文章內容文字變大縮小效果！下面就來說說用javascript實現該簡單效果，供小伙伴們參考！
          整體的效果如下：
          效果圖
          點擊加減按鈕即可對文字的放大縮小
          實現代碼如下
          html展示：
          主要javascript代碼：
          主要是用javascript來改變文字的px值使文字變大縮??！
          • 是一個用vue.js對css操作完成的實例。
          • 當然用了flex簡單布局。
          一、先創建一個html文件，記得添加vue庫文件。
          二、創建一盒容器vmdiv，用vue綁定它，測試vue綁定后的插入值text1效果。
          三、加入文本框和兩個按鈕。
          四、通過flex排序，讓它們三個豎排。比例為文本框占4，按鈕占1。
          五、測試一下按鈕的點擊事件。
          六、給文本框添加style樣式，給它字體大小為16px，并設置一個變量size，讓它來控制字的大小，通過點擊后，字變大加5，變小減5。
          篇文章主要講述了CSS樣式更改中的背景Background，這篇文章我們來談談字體設置Font&邊框Border的基礎用法。
          1.字體設置Font
          1).字體系列
          <div style='font-family: sans-serif normal'></div>
可用字體：
Serif
Sans-serif
Monospace
Cursive
Fantasy
Times
Courier
          2).字體風格
          <div style='font-style:normal'></div>
文本傾斜:
normal   文本正常顯示
italic   文本斜體顯示
oblique  文本傾斜顯示
          3).字體變形
          <div style='font-variant:small-caps'></div>
normal          顯示標準字體。
small-caps      顯示小型大寫字母的字體。
          4).字體加粗
          <div style='font-weight:normal'></div>
normal    標準的字符
bold      粗體字符
bolder    更粗的字符
lighter   更細的字符
也可以使用數字表示，范圍為100~900
          5).字體大小
          <div style='font-size:60px'></div>
smaller 變小
larger  變大
length  固定值
而且還支持百分比
          2.邊框Border
          首先說一下邊框風格，它的風格比較多，常用的一般是實線為主：
          <div style='border-style:none'></div>
hidden     隱藏邊框
dotted     點狀邊框
dashed     虛線邊框
solid      實線邊框
double     雙線邊框
groove     3D凹槽邊框
ridge      3D壟狀邊框
inset      3D inset邊框
outset     3D outset邊框
邊框也有四面，所以也會有上下左右
所以有時候為了更精確定位并修改樣式可以使用：
border-top-style     上邊框樣式
border-right-style   右邊框樣式
border-bottom-style  下邊框樣式
border-left-style    左邊框樣式
          先定義邊框的寬度 風格和顏色，然后定義邊框的其它屬性。
          1).邊框形狀
          <div style='border-radius:25px;'></div>
          2).邊框陰影
          <div style='box-shadow:1px 2px 2px 2px red'></div>
參數含義：
邊框各個方向的大小和顏色
          3).邊框圖片
          <div style='border-image:url(1.png) 30 30 10 round'></div>
參數含義：
邊框圖片的路徑
圖片邊框向內偏移
圖片邊框的寬度
邊框圖像區域超出邊框的量
圖像邊框是否應平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)。
          總結
          這篇文章主要介紹了CSS樣式更改篇中的字體設置Font&邊框Border設置，希望讓大家對CSS選擇器有個簡單的認識和了解。
          ****看完本文有收獲？請轉發分享給更多的人****
          IT共享之家
          想要學習更多，請前往Python爬蟲與數據挖掘專用網站：http://pdcfighting.com/
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲AV综合色区无码一区爱AV|
无码日韩AV一区二区三区|
国产精品视频无圣光一区|
日本强伦姧人妻一区二区|
亚洲AV无码一区二区三区人|
狠狠综合久久AV一区二区三区|
麻豆精品人妻一区二区三区蜜桃|
亚洲AV色香蕉一区二区|
国产在线视频一区二区三区98|
精品国产一区二区三区AV|
中文字幕日韩丝袜一区|
精品一区二区三区免费|
国产福利精品一区二区|
中文国产成人精品久久一区|
国产主播一区二区三区|
日本免费一区二区三区最新vr|
国产一区二区三区小说|
伊人久久精品一区二区三区|
亚洲第一区视频在线观看
|
日韩精品免费一区二区三区|
国产精品日本一区二区不卡视频
|
精品一区二区三区中文|
国产精品第一区揄拍|
亚洲香蕉久久一区二区三区四区|
无码aⅴ精品一区二区三区浪潮|
中文字幕一区二区三区视频在线|
激情综合丝袜美女一区二区|
国产aⅴ一区二区三区|
精品一区二区AV天堂|
午夜精品一区二区三区在线观看|
国产精品熟女视频一区二区|
国产精品亚洲专区一区|
精品国产AⅤ一区二区三区4区|
亚洲AV永久无码精品一区二区国产
|
国产主播福利一区二区|
中文字幕人妻第一区|
国模无码视频一区|
精品一区二区高清在线观看|
国产美女av在线一区|
成人影片一区免费观看|
国产亚洲无线码一区二区|