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)銷(xiāo)服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          前端工程師或設(shè)計(jì)師必備手冊(cè)，CSS工具教學(xué)轉(zhuǎn)發(fā)收藏就
          
        
           
          
	
	
          
		前端工程師或設(shè)計(jì)師必備手冊(cè)，CSS工具教學(xué)轉(zhuǎn)發(fā)收藏就對(duì)了
          
                        
          幾天介紹過(guò)「HTML Reference網(wǎng)頁(yè)開(kāi)發(fā)者必備手冊(cè)！收錄所有HTML元素及屬性說(shuō)明」，有讀者說(shuō)這個(gè)網(wǎng)站比W3Schools更方便快速，對(duì)于開(kāi)發(fā)者來(lái)說(shuō)實(shí)在非常實(shí)用，但可能有些人和我一樣接觸HTML機(jī)會(huì)不多，反倒是很常要改網(wǎng)頁(yè)樣式，假如你平常會(huì)需要和CSS為伍，本文要推薦的網(wǎng)站會(huì)更適合你。

          CSS Reference和HTML Reference來(lái)自同一開(kāi)發(fā)者，從站點(diǎn)名稱(chēng)你應(yīng)該可以知道兩者差異，CSS Reference主要專(zhuān)注于網(wǎng)站階層式樣式表（Cascading Style Sheets，簡(jiǎn)稱(chēng)CSS）語(yǔ)法參數(shù)，網(wǎng)站宗旨「通過(guò)示例學(xué)習(xí)」和我們熟悉的參考手冊(cè)差不多，實(shí)際上許多在線教學(xué)也都是從實(shí)例來(lái)學(xué)習(xí)語(yǔ)法操作。
          CSS Reference將所有CSS標(biāo)簽都列在網(wǎng)站中，同時(shí)提供快速檢索功能，當(dāng)你點(diǎn)擊任一標(biāo)簽后會(huì)開(kāi)啟詳細(xì)使用教學(xué)，使用者可從設(shè)定方式對(duì)照示例，就能得出如何將某個(gè)語(yǔ)法正確運(yùn)用到你的網(wǎng)頁(yè)設(shè)計(jì)。
          更重要的是CSS Reference讓你真正了解每個(gè)語(yǔ)法標(biāo)記如何使用，而不用從百度去翻找不一定正確（或可能過(guò)時(shí)）的網(wǎng)絡(luò)文章。
          就如同HTML Reference一文寫(xiě)道，我認(rèn)為所有學(xué)習(xí)都必須有參考手冊(cè)，用于更全面的了解及對(duì)照查詢，包括CSS當(dāng)然也是如此，尤其CSS 3又出現(xiàn)許多新的語(yǔ)法和設(shè)定方式，若沒(méi)有參考手冊(cè)很容易疏漏。若你屬于前端工程師或設(shè)計(jì)師，CSS是每天日常，將網(wǎng)站加入書(shū)簽就對(duì)了。
          站點(diǎn)名稱(chēng)：CSS Reference
          網(wǎng)站連接：http://cssreference.io/
          使用教學(xué)
          STEP 1
          開(kāi)啟CSS Reference網(wǎng)站后，會(huì)發(fā)現(xiàn)它長(zhǎng)得跟HTMLReference.io差不多，不過(guò)在細(xì)部設(shè)計(jì)上顏色倒沒(méi)有用得那么復(fù)雜。
          上方Collections收錄一些CSS主題，例如動(dòng)畫(huà)、背景、Flexbox、位置、過(guò)場(chǎng)動(dòng)畫(huà)及排版，下方則有搜尋框及所有CSS屬性，目前一共收錄129個(gè)。
          STEP 2
          開(kāi)啟關(guān)于文字排版主題分類(lèi)，能找到一些很常用于文字設(shè)計(jì)的樣式類(lèi)別，例如：font-family、font-size、color、text-align、letter-spacing等等，每個(gè)語(yǔ)法都有設(shè)定示例、說(shuō)明并顯示成效于右側(cè)供開(kāi)發(fā)者參考。
          比較容易遇到的定位（Positioning）設(shè)定，如果你和我一樣時(shí)常搞不太清楚的話，從這網(wǎng)站的示例應(yīng)該更能清楚理解。
          STEP 3
          每一個(gè)CSS屬性都會(huì)有詳細(xì)的設(shè)定說(shuō)明，例如很常用到的font-style，可以變更文字樣式，加上斜體或粗體等等，各種設(shè)定方式都有對(duì)應(yīng)的示例，即使看不懂英文敘述也沒(méi)關(guān)系，從這里亦能學(xué)習(xí)每個(gè)屬性要如何使用。
          STEP 4
          其他例如很常遇到的padding、margin等CSS屬性，一樣可以在CSS Reference說(shuō)明手冊(cè)找到非常詳細(xì)的介紹及使用方式，通過(guò)圖片說(shuō)明就能更容易理解，假如你想快速?gòu)?fù)制每個(gè)屬性內(nèi)容，只要點(diǎn)擊語(yǔ)法即可快速?gòu)?fù)制到剪貼板。
          致力發(fā)布和推廣來(lái)自世界各地的互聯(lián)網(wǎng)資源，六七英里博客目的就是希望與更多人分享網(wǎng)絡(luò)快樂(lè)與精彩！！關(guān)注訂閱六七英里給你好看哦……
          天小編簡(jiǎn)單給大家分享一下學(xué)習(xí)前端的步驟，以及面臨的問(wèn)題，和以后就業(yè)的情況，本來(lái)從事web前端很多年，幫助新手解決這些小問(wèn)題應(yīng)該是小用菜一碟。
          一、HTML的學(xué)習(xí)，超文本標(biāo)記語(yǔ)言，網(wǎng)頁(yè)三劍客之一，作為靜態(tài)布局，HTML的學(xué)習(xí)會(huì)相對(duì)容易很多，只要你不斷的查看HTML手冊(cè)，不斷的去做精通界面，就不會(huì)有什么問(wèn)題，記住不要死記硬背。
          二、CSS的學(xué)習(xí)，現(xiàn)在的布局都是HTML+CSS+DIV的布局，CSS可以跟HTML完美的配合，CSS的學(xué)習(xí)也是非常的簡(jiǎn)單，不用多說(shuō)。
          三、JavaScript是前端的核心，是web腳本語(yǔ)言使用最多的語(yǔ)音，也是你從事前端開(kāi)發(fā)可以拿到多少工資的標(biāo)準(zhǔn)，一個(gè)人的原生JS的掌握程度，將會(huì)決定他在前端這個(gè)行業(yè)中的發(fā)展長(zhǎng)遠(yuǎn)，JS是不容易理解的，包括后面的框架都是js封裝的，所以JS是很難自學(xué)好的，建議新手要有人指導(dǎo)學(xué)習(xí)JS，不然你可能很快就放棄。
          四、JQ的學(xué)習(xí)，這是一個(gè)非常優(yōu)秀的框架庫(kù)，里面用JS封裝了大量的功能，用JQ實(shí)現(xiàn)特效就相對(duì)容易一些，如果你JS學(xué)的非常好的話，那么JQ學(xué)起來(lái)一定是沒(méi)有任何的問(wèn)題。
          五、bootstrap前端必學(xué)的框架，一個(gè)架構(gòu)界面必須應(yīng)用的神器，難度不是非常大，底層的東西掌握好，學(xué)習(xí)起來(lái)也是一樣的輕松。
          六、前端各種流行框架，例如：node.js、vue.js、react.js等等，這些框架也是提升自己能力的象征，但是一定要把js學(xué)的非常好，不然這些框架很難入手。
          給新手的建議：
          1.不要著急學(xué)成，速成只會(huì)讓你成為如今前端大潮的犧牲品，要真的利用一段時(shí)間，最好半年的時(shí)間，真的把技術(shù)掌握。
          2.系統(tǒng)而且有規(guī)劃的學(xué)習(xí)方案，一天都不可以停滯，每天堅(jiān)持去學(xué)習(xí)，每個(gè)知識(shí)點(diǎn)，光看不做不寫(xiě)，就相當(dāng)于沒(méi)學(xué)一樣。
          3.專(zhuān)業(yè)人士的指導(dǎo)不可缺少，現(xiàn)在前端不是自學(xué)，不要妄想看一套視頻只會(huì)就去找工作，如果誰(shuí)這樣想，說(shuō)句不好聽(tīng)的，如同腦殘沒(méi)有區(qū)別。
          從事前端這么多年，對(duì)于前端這個(gè)行業(yè)的動(dòng)態(tài)了如指掌，這幾天剛參加玩騰訊公司舉辦的“web前端技術(shù)交流峰會(huì)”前端技術(shù)在以后會(huì)發(fā)展的更好，但是希望新手不要急功近利，沒(méi)有用。學(xué)習(xí)路線，學(xué)習(xí)方法，學(xué)習(xí)效率不懂的可以隨時(shí)問(wèn)我，下面有我的web前端裙113485407，如果你只是來(lái)湊熱鬧的，那你別加，這里只希望真想學(xué)習(xí)前端的人加入，也有非常精品的學(xué)習(xí)視頻免費(fèi)分享。
          簽
          1. 標(biāo)簽：又稱(chēng)元素，是HTML的基本組成單位雙標(biāo)簽（絕大多數(shù)都是雙標(biāo)簽）：<標(biāo)簽名>標(biāo)簽體</標(biāo)簽名>第一個(gè)標(biāo)簽叫起始標(biāo)簽，第二個(gè)標(biāo)簽叫結(jié)束標(biāo)簽例：<marquee>尚硅谷，讓天下沒(méi)有難學(xué)的技術(shù)！</marquee>單標(biāo)簽：<標(biāo)簽名/>/可以省略例：<input>
          2. 標(biāo)簽名不區(qū)分大小寫(xiě)，但推薦小寫(xiě)，因?yàn)樾?xiě)更規(guī)范
          3. 標(biāo)簽之間的關(guān)系：并列關(guān)系、嵌套關(guān)系，可以使用 tab 鍵進(jìn)行縮進(jìn)
          4. 1
            2
            3
            4
            5
            <marquee>
             尚硅谷，讓天下沒(méi)有難學(xué)的技術(shù)！
             <input>
             </marquee>
             <input>
          標(biāo)簽屬性
          1. 用于給標(biāo)簽提供附加信息
          2. 可以寫(xiě)在起始標(biāo)簽或單標(biāo)簽中，形式如下：<標(biāo)簽名 屬性名="屬性值" 屬性名="屬性值">
          3. 1
            2
            <marquee loop="1" bgcolor="orange">尚硅谷，讓天下沒(méi)有難學(xué)的技術(shù)！</marquee>
            <input type="password">
          4. 有些特殊的屬性，沒(méi)有屬性名，只有屬性值，如：<input disabled>
          不同的標(biāo)簽，有不同的屬性；也有一些通用屬性（在任何標(biāo)簽內(nèi)都能寫(xiě)）屬性名、屬性值不能亂寫(xiě)，都是W3C規(guī)定好的屬性名、屬性值，都不區(qū)分大小寫(xiě)，但推薦小寫(xiě)雙引號(hào)，也可以寫(xiě)成單引號(hào)，甚至不寫(xiě)，但推薦寫(xiě)雙引號(hào)標(biāo)簽中不要出現(xiàn)同名屬性，否則后寫(xiě)的會(huì)失效，例如：<input type="text" type="password">
          基本結(jié)構(gòu)
          1. 想要呈現(xiàn)在網(wǎng)頁(yè)中的內(nèi)容寫(xiě)在body標(biāo)簽中
          2. head標(biāo)簽中的內(nèi)容不會(huì)出現(xiàn)在網(wǎng)頁(yè)中
          3. head標(biāo)簽中的title標(biāo)簽可以指定網(wǎng)頁(yè)的標(biāo)題
          4. 1
            2
            3
            4
            5
            6
            7
            8
            <html>
             <head>
             <title>網(wǎng)頁(yè)標(biāo)題</title>
             </head>
             <body>
             ......
             </body>
             </html>
          注釋
          1. 特點(diǎn)：注釋的內(nèi)容會(huì)被瀏覽器所忽略，不會(huì)呈現(xiàn)到頁(yè)面中，但源代碼中依然可見(jiàn)
          2. 作用：對(duì)代碼進(jìn)行解釋和說(shuō)明
          3. 寫(xiě)法
          4. 1
            2
            3
            4
            <!-- 下面的文字只能滾動(dòng)一次 -->
            <marquee loop="1">尚硅谷</marquee>
            <!-- 下面的文字可以無(wú)限滾動(dòng) -->
            <marquee>尚硅谷123</marquee>
          5. 注釋不可以嵌套
          文檔聲明
          1. 作用：告訴瀏覽器當(dāng)前網(wǎng)頁(yè)的版本
          2. 寫(xiě)法
            1. 舊寫(xiě)法：要依網(wǎng)頁(yè)所用的HTML版本而定，寫(xiě)法有很多參考：W3C QA - 可在 Web 文檔中使用的 Doctype 聲明的推薦列表
            2. 新寫(xiě)法：W3C 推薦使用 HTML 5 的寫(xiě)法
            3. 1
              2
              3
              4
              5
              <!DOCTYPE html> 
              或 
              <!DOCTYPE HTML>
              或 
              <!doctype html>
          3. 文檔聲明必須在網(wǎng)頁(yè)的第一行，且在html標(biāo)簽的外側(cè)
          字符編碼
          1. 計(jì)算機(jī)對(duì)數(shù)據(jù)的操作存儲(chǔ)時(shí)，對(duì)數(shù)據(jù)進(jìn)行：編碼讀取時(shí)，對(duì)數(shù)據(jù)進(jìn)行：解碼
          2. 編碼、解碼，會(huì)遵循一定的規(guī)范 —— 字符集
          3. 常見(jiàn)的字符集ASCII：大寫(xiě)字母、小寫(xiě)字母、數(shù)字、一些符號(hào)，共計(jì)128個(gè)ISO 8859-1：在 ASCII 基礎(chǔ)上，擴(kuò)充了一些希臘字符等，共計(jì)是256個(gè)GB2312：繼續(xù)擴(kuò)充，收錄了 6763 個(gè)常用漢字、682個(gè)字符GBK：收錄了的漢字和符號(hào)達(dá)到 20000+ ，支持繁體中文UTF-8 ：包含世界上所有文字與符號(hào)
          4. 為了讓瀏覽器在渲染html文件時(shí)，不犯錯(cuò)誤，可以通過(guò)meta標(biāo)簽配合charset屬性指定字符編碼
          5. 1
            2
            3
            <head>
             <meta charset="UTF-8"/>
            </head>
          設(shè)置語(yǔ)言
          1. 主要作用讓瀏覽器顯示對(duì)應(yīng)的翻譯提示有利于搜索引擎優(yōu)化
          2. 具體寫(xiě)法：<html lang="zh-CN">
          3. lang屬性的編寫(xiě)規(guī)則語(yǔ)言-國(guó)家/地區(qū)zh-CN ：中文-中國(guó)大陸（簡(jiǎn)體中文）zh-TW ：中文-中國(guó)臺(tái)灣（繁體中文）zh ：中文en-US ：英語(yǔ)-美國(guó)en-GB ：英語(yǔ)-英國(guó)語(yǔ)言—具體種類(lèi)（已不推薦使用）zh-Hans ：中文—簡(jiǎn)體zh-Hant ：中文—繁體W3School 上的說(shuō)明：《語(yǔ)言代碼參考手冊(cè)》 、《國(guó)家/地區(qū)代碼參考手冊(cè)》 W3C官網(wǎng)上的說(shuō)明：《Language tags in HTML》
          標(biāo)準(zhǔn)結(jié)構(gòu)
          1. HTML標(biāo)準(zhǔn)結(jié)構(gòu)如下
          2. 1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            <!DOCTYPE html>
            <html lang="zh-CN">

            <head>
             <meta charset="UTF-8">
             <title>Document</title>
            </head>

            <body>

            </body>

            </html>
          VSCode 刪除行快捷鍵：Ctrl+Shift+K
          1. 輸入!，隨后回車(chē)即可快速生成標(biāo)準(zhǔn)結(jié)構(gòu)
          2. 配置VScode 的內(nèi)置插件 emmet ，可以對(duì)生成結(jié)構(gòu)的屬性進(jìn)行定制
          3. 在存放代碼的文件夾中，存放一個(gè) favicon.ico 圖片，可配置網(wǎng)站圖標(biāo)
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
AV无码精品一区二区三区|
久久久久女教师免费一区|
色婷婷AV一区二区三区浪潮|
99久久精品国产高清一区二区|
日韩一区二区在线观看视频|
无码精品尤物一区二区三区|
激情一区二区三区|
99偷拍视频精品一区二区|
成人区人妻精品一区二区不卡网站|
精品国产一区二区三区|
亚洲日本久久一区二区va|
国产一区二区三区免费|
日韩少妇无码一区二区三区|
日本一区二区三区免费高清|
亚洲国产成人精品无码一区二区|
国产精品亚洲一区二区三区久久
|
国产av一区二区精品久久凹凸|
无码人妻精品一区二区三|
国产精品成人国产乱一区|
成人一区专区在线观看|
亚洲乱码一区二区三区国产精品
|
日韩成人一区ftp在线播放|
久久久久久人妻一区精品|
国产激情精品一区二区三区|
一区二区三区免费视频播放器|
亚洲国产专区一区|
国产99精品一区二区三区免费
|
亚洲影视一区二区|
亚洲欧洲无码一区二区三区|
国内精品视频一区二区三区|
亚洲AV成人一区二区三区观看
|
在线观看国产区亚洲一区成人
|
国产乱码精品一区二区三区四川人
|
国产精品无码一区二区三区毛片|
99久久人妻精品免费一区|
亚洲日韩国产一区二区三区在线|
变态调教一区二区三区|
久久久不卡国产精品一区二区|
人体内射精一区二区三区|
国产一区二区三区亚洲综合|
国产AV午夜精品一区二区三|