国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

重溫HTML和CSS3

Taonce / 2094人閱讀

摘要：不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。何為一種腳本語言，是一種動態類型弱類型基于原型的語言，內置支持類型。二代碼規范在之前很多開發人員對的代碼規范知之甚少，在年至年，許多開發人員從轉換到。

重溫Web前端基礎 本篇幅中著重文字，只是記錄一些自己的見解，鞏固下自身基礎 網頁結構是什么？

結構層 html 導航，列表，段文字，圖片，鏈接，
表示層 css 顏色，大小，位置，
行為層 JavaScript，彈出，切換等。

什么是html？

HTML是用來描述網頁的一種語言。
不是編程語言，是標記語言

什么是CSS？

CSS （層疊樣式表）
是一種用來表現HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

何為javascript？

JavaScript一種腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。廣泛用于客戶端的腳本語言，最早是在HTML網頁上使用，用來給HTML網頁增加動態功能。

HTML

1993年開始提出草案，發展到現在，已經經歷二十余年，版本也已經更新到現在的H5，html語言作為網絡語言標準，在計算機的發展史中有不可或缺的地位。

一.書寫自己的第一個頁面





    

    
    
    
    
    
    Document


    
    
這是我的第一個頁面

html語言在當今web頁面中有不可或缺的地位。

二.HTML代碼規范
在之前很多 Web 開發人員對 HTML 的代碼規范知之甚少，在2000年至2010年，許多Web開發人員從 HTML 轉換到 XHTML。使用 XHTML后 開發人員才逐漸養成了比較好的 HTML 編寫規范
，文檔聲明放在首行

,推薦使用小寫字母，雖然我們在書寫代碼時候，一些標簽無論大小寫都會被瀏覽器解析，但是如果我們在開發時使用大小寫混寫，美感度會大大降低，或許根本就不存在所謂的美感度吧，并且在后續的維護中，你會更加糟心。
注釋：
在書寫代碼時切記一定要書寫注釋，一個開發項目少說也得個幾千行吧，說大了幾十萬行都會有的，如果你不寫注釋，可能你今天加班寫的代碼，明天早上睡醒你都不知道自己寫的是哪部分區域，或許甚至都不知道自己寫的是什么了。

閉合標簽：


    
    
這是我的第一個頁面

就好比上面的代碼，雖然能夠被瀏覽器正常閱讀出來，enter description here
這種后果就不用我過多說了吧。

屬性命名：在寫HTML時推薦使用小寫命名，不要隨便命名，按照老前輩的來，就好導航欄，我們一般命名為nav，在css樣式中，一眼就可看到，假如你給它命名為a，那就夠我們尋找半天了。

圖片屬性：一般在用img插入圖片時，順手寫上alt屬性，這樣一來即使客戶在網絡不佳時，依然能看到這部分區域是什么，增加用戶的體驗感。

避免一行代碼過長、空行、縮進、不在html代碼中寫css和javascript等等

CSS

CSS始于1999年，時至今日，也近二十年，css3的出現為html樣式提供了莫大的工作效率，之前，html工作人員想要畫出一個圓角，需要用使用大量html標簽或者插入各種圖片來合成，然而css的出現，只需要使用一個border-radius屬性就可以完成。開發人員從此從切圖的工作中解放出來，一個圓角，一個border-radius即可解決
使用css寫兩個樣式
1.使用偽元素寫出來個心形

2.再來一個太極圖

下面css樣式

#taiji {
            position: relative;
            width: 200px;
            height: 100px;
            background: white;
            border-color: black;
            border-style: solid;
            border-width: 4px 4px 100px 4px;
            border-radius: 100%;
            /* 這里50%也是可以的，目的是把正方形變成圓 */
            margin: 100px auto;
            
            animation: myfirst 4s linear infinite;
            /* 這句代碼是引用動畫，需要動態的可以添加這句代碼，動畫定義在下方，如果不需要動態的，就無需添加這句話 */
        }

        #taiji::before,
        #taiji::after {
            content: " ";
            position: absolute;
            top: 50%;
            left: 0;
            width: 25px;
            height: 25px;
            background: white;
            border: 38px solid black;
            /* //調成50%也是可以的 */
            border-radius: 100%;
        }

        #taiji::after {
            left: 50%;
            background: black;
            border-color: white;
        }

再給它加上動畫，讓它勻速無限旋轉下去

 @keyframes myfirst {
            0% {
                /* 當在0%時，讓他旋轉0度 */
                transform: rotate(0deg);
            }
            100% {
                /* 當在100%時，讓他旋轉360度 */
                transform: rotate(360deg);
            }

        }
小結：在我們用jQ寫效果時，偶爾回顧下原生的，會發現很多樂趣。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113696.html

相關文章

  • 重溫HTML和CSS3

    摘要：不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。何為一種腳本語言，是一種動態類型弱類型基于原型的語言，內置支持類型。二代碼規范在之前很多開發人員對的代碼規范知之甚少，在年至年，許多開發人員從轉換到。 重溫Web前端基礎 本篇幅中著重文字，只是記錄一些自己的見解，鞏固下自身基礎 網頁結構是什么？ 結構層 html 導航，列表，段文字，圖片，鏈接，表示層 ...

    objc94 評論0 收藏0

  • 雙十二大前端工程師讀書清單

    摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。 本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

    happen 評論0 收藏0

  • 雙十二大前端工程師讀書清單

    摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。 本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

    余學文 評論0 收藏0

  • 雙十二大前端工程師讀書清單

    摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。 本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

    Jochen 評論0 收藏0

發表評論

0條評論

Taonce

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<