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在线观看,男女拍拍免费视频60分钟,大陆一级毛片免费视频观看 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          hTML 樣式
          
        
           
          
	
	
          
		
                        
          設(shè)計(jì)網(wǎng)頁中，錨點(diǎn)滾動(dòng)是不可或缺的，現(xiàn)在分享給大家，好好看看。
          jq代碼
          為了好復(fù)制，插入整個(gè)demo源碼
          <!DOCTYPE html>
          <html>
          <head>
          <metacharset="UTF-8">
          <metaname="viewport"content="width=device-width, initial-scale=1.0">
          <metahttp-equiv="X-UA-Compatible"content="ie=edge">
          <title>js錨點(diǎn)滾動(dòng)效果</title>
          <style>
          ul>li{float: left;margin: 10px ;}
          .clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
          .clearfix{zoom:1}
          .step{width:80%;height:1300px;border:10pxsolidred;margin:0auto;}
          </style>
          </head>
          <body>
          <ulclass="clearfix">
          <li><ahref="#step1">#step1</a></li>
          <li><ahref="#step2">#step2</a></li>
          <li><ahref="#step3">#step3</a></li>
          </ul>
          <div>
          <divid="step1"class="step">step1</div>
          <divid="step2"class="step">step2</div>
          <divid="step3"class="step">step3</div>
          </div>
          </body>
          <scriptsrc="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
          <script>
          //頁面錨點(diǎn)滾動(dòng)js
          $('a[href*=#],area[href*=#]').click(function {
          if (location.pathname.replace(/^//, '') ==this.pathname.replace(/^//, '') &&location.hostname ==this.hostname) {
          var$target=$(this.hash);
          $target=$target.length &&$target||$('[name='+this.hash.slice(1) +']');
          if ($target.length) {
          vartargetOffset=$target.offset.top;
          $('html,body').animate({
          scrollTop: targetOffset
          },
          1000);
          returnfalse;
          }
          }
          });
          //頁面錨點(diǎn)滾動(dòng)js結(jié)束
          </script>
          </html>
          ps：希望喜歡我的朋友點(diǎn)贊，關(guān)注，轉(zhuǎn)發(fā)一下。
          網(wǎng)站開發(fā)，程序設(shè)計(jì)，UI等相關(guān)問題，編程技巧以及其他你想向我問的問題，來者不拒。
          、CSS的起源
          當(dāng)web開發(fā)還是一項(xiàng)新技術(shù)的時(shí)候，無論定義網(wǎng)頁內(nèi)容還是定義網(wǎng)頁樣式，都是使用的HTML語言，HTML的內(nèi)容和樣式?jīng)]有區(qū)分開，如古老的HTML樣式：
          <H3 COLOR=RED><CENTER>樣式</CENTER></H3>

          其中color表示顏色，center讓文字居中，不是目前規(guī)范的書寫形式，而且舊的HTML標(biāo)簽都是大寫的，web開發(fā)人員還需要來回切換大小寫，所以很多人認(rèn)識(shí)到了這種開發(fā)方式并不理想。
          Web開發(fā)人員想開發(fā)一種新的語言，把表示樣式的代碼從HTML中分離出來，并且創(chuàng)建一種規(guī)則來定義HTML標(biāo)簽要顯示成什么樣子，這門語言叫做CSS，CSS是用來描述HTML標(biāo)簽應(yīng)該如何顯示的一個(gè)代碼。如：
          <h3>樣式</h3> 

          用CSS可以讓h3標(biāo)簽顯示成綠色，讓h3字體在大一點(diǎn)，讓h3有一個(gè)下劃線，可以統(tǒng)一字體的顯示樣式等。
          CSS樣式
          二、CSS的工作方式
          CSS的全稱叫做 Cascading Style Sheets 級(jí)聯(lián)樣式表，CSS的工作方式依賴于"選擇器"可以選擇HTML標(biāo)簽，并且修改這些標(biāo)簽的樣子。
          選擇器的類型有：
          1、類型選擇器：不帶尖括號(hào)的標(biāo)簽名，最簡(jiǎn)單的選擇器
          類型選擇器
          定義了一個(gè)P標(biāo)簽，如果想在CSS中選擇這個(gè)標(biāo)簽，首先寫上字母P，然后選擇要定的屬性如text-decoration，并設(shè)置這個(gè)屬性的屬性值為underline下劃線，在瀏覽器中這個(gè)段落就會(huì)顯示下劃線。
          類型選擇器
          使用選擇器的時(shí)候我們必須要遵守選擇器的特殊語法規(guī)則：
          選擇器名字后面是一個(gè)開始的大括號(hào)，屬性和屬性值中間是冒號(hào)，屬性值后面是分號(hào)，這里面任何一部分都不能丟掉，否則CSS無法正常工作，并且要注意標(biāo)點(diǎn)符號(hào)全部是英文半角的，最后在所有的屬性列表后面是一個(gè)結(jié)束的大括號(hào)，大括號(hào)的作用就是可以在里面寫很多屬性，如圖：
          類型選擇器
          顯示結(jié)果為帶下劃線的紅色字體段落：
          類型選擇器
          在CSS中使用標(biāo)簽名選擇標(biāo)簽的時(shí)候，類型選擇器會(huì)作用在所有同名標(biāo)簽中。所以這里只定義額一CSS樣式，它會(huì)作用在所有的P標(biāo)簽中。
          2、派生選擇器
          可以讓CSS標(biāo)簽作用在很小的范圍內(nèi)，如下圖，只讓CSS作用在li標(biāo)簽中，所以選擇ul標(biāo)簽中的li標(biāo)簽即可。
          派生選擇器
          3、偽類選擇器
          1）在原有選擇器的基礎(chǔ)上添加一個(gè)限定條件，當(dāng)某種情況發(fā)生時(shí)在選擇這個(gè)標(biāo)簽。如下圖，首先定義個(gè)a的類型選擇器，讓頁面中所有的超鏈接下劃線都不顯示，然后通過派生選擇器控制鼠標(biāo)的動(dòng)作，當(dāng)鼠標(biāo)移上去的時(shí)候，超鏈接文字顯示下劃線并顯示為深藍(lán)色。
          偽類選擇器
          偽類選擇器
          這條規(guī)則只有當(dāng)鼠標(biāo)放到超鏈接上停留的時(shí)候才會(huì)被應(yīng)用，因此當(dāng)某種情況發(fā)生時(shí)候偽類選擇器才會(huì)被應(yīng)用在某個(gè)標(biāo)簽上。
          a的偽類選擇器一共有四種：
          :link 未被訪問的鏈接的樣式；和a標(biāo)簽相同時(shí)，并且同時(shí)存在的時(shí)候會(huì)覆蓋a標(biāo)簽
          :hover 鼠標(biāo)移動(dòng)到超鏈接上的時(shí)候
          :active 選擇器用于活動(dòng)鏈接，被選定的超鏈接。
          :visited 已被訪問的超鏈接，
          注釋：在 CSS 定義中，:hover 必須位于 :link 和 :visited 之后（如果存在的話），這樣樣式才能生效。
          2）使用偽類選擇器縮小選擇范圍
          :first-child 縮小標(biāo)簽的選擇范圍，如圖：
          如果一個(gè)標(biāo)簽后面還接了一個(gè)子標(biāo)簽，在子標(biāo)簽后面冒號(hào)：first-child，說明這里只選擇了子標(biāo)簽中的第一個(gè)標(biāo)簽，可以看到瀏覽器中有序列表中的第一個(gè)li子元素"北京"顏色為紫色。
          偽類選擇器
          偽類選擇器
          CSS樣式
          三、CSS樣式表放在什么地方
          在head標(biāo)簽中添加style子標(biāo)簽，在style標(biāo)簽里寫一個(gè)屬性type="text/css"，這樣瀏覽器就知道當(dāng)頁面顯示出來的時(shí)候，需要把style中的CSS代碼應(yīng)用到HTML中，因此可以在style標(biāo)簽中創(chuàng)建CSS規(guī)則。
          css樣式
          每天進(jìn)步一點(diǎn)點(diǎn)，跟著教頭學(xué)開發(fā)。
          ss是一種用來為Html文檔添加樣式（字體、間距、位置、顏色、角度等顯示效果）的計(jì)算機(jī)語言。學(xué)習(xí)網(wǎng)站W(wǎng)3school。
          css的引用樣式:
          一:style標(biāo)簽（內(nèi)聯(lián)樣式）

          通過在head標(biāo)簽中間新建一個(gè)style標(biāo)簽，該標(biāo)簽內(nèi)部存放的就是網(wǎng)頁文件中的css代碼。
          二：外部引用css文件（外聯(lián)樣式）


          新建一個(gè)css文件
          在head標(biāo)簽中間新建一個(gè)link標(biāo)簽，通過href屬性設(shè)置外部的css文件地址。rel=“stylesheet”表示我們引用的一個(gè)樣式表（css文件）。
          三:標(biāo)簽內(nèi)部style屬性（行內(nèi)樣式）
          在開始標(biāo)簽的內(nèi)部可以設(shè)置一個(gè)叫做style的屬性，屬性的雙引號(hào)存放該元素代碼的css樣式（不推薦使用）。

          一般用的就是通過link標(biāo)簽來引入外部css文件來修改樣式，一般修改樣式有字體，顏色，大小，文本居中，間距等。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
在线视频国产一区|
无码少妇一区二区性色AV|
波多野结衣在线观看一区|
精品一区二区视频在线观看|
国产在线无码视频一区|
国产福利91精品一区二区三区|
国产精品女同一区二区久久
|
亚洲AV午夜福利精品一区二区|
卡通动漫中文字幕第一区|
亚洲午夜一区二区三区|
国产精品一区二区久久国产|
亚洲乱码国产一区网址|
精品视频一区二区三区在线播放|
亚洲日韩国产一区二区三区在线|
久草新视频一区二区三区|
精品国产毛片一区二区无码|
久久精品国产一区二区三区|
日韩精品一区二区三区不卡
|
熟妇人妻系列av无码一区二区
|
国产精品久久无码一区二区三区网|
久久久精品人妻一区二区三区四|
伊人久久大香线蕉av一区|
久久一区二区免费播放|
国产精品污WWW一区二区三区
|
中文字幕一区在线观看视频|
无码国产精品一区二区免费16|
色窝窝无码一区二区三区色欲|
久久久久人妻精品一区蜜桃|
人妻无码一区二区三区免费|
亚洲一区二区三区在线观看蜜桃|
亚洲一区二区影视|
久久一区二区三区精华液使用方法|
无码精品尤物一区二区三区|
在线一区二区三区|
一区二区三区视频网站|
黑人大战亚洲人精品一区|
无码一区二区三区免费|
大香伊人久久精品一区二区|
国产成人无码一区二区三区|
亚洲国产精品一区二区久久hs|
中文字幕在线不卡一区二区|