站長資訊網
        最全最豐富的資訊網站

        一張圖幫你完全掌握CSS所有屬性!

        CSS 屬性被分為不同的類型,如字體屬性、文本屬性、邊框屬性、邊距屬性、布局屬性、定位屬性、打印屬性等。對于初學者來說,初學 CSS 的最大障礙是如何熟悉并掌握這些屬性的使用。

        提示:不要急于記住每個 CSS 屬性,不要急于一下吃透它們的用法,更不能機械記憶,如果使用背英語單詞的方法來記憶,效果勢必會很差。

        最佳的方法是邊學習邊記憶,在實踐中逐個突破。當學習網頁排版時,不妨集中精力把字體和文本屬性研究一下。當學習網頁布局時,不妨再研究與盒模型和布局相關的幾個屬性。

        記憶這些屬性時,一定要結合實踐,不斷去嘗試并舉一反三。只有這樣才能夠完全掌握 CSS 所有屬性,并能夠熟練應用。例如,當準備學習 CSS 布局時,不妨先集中精力把與 CSS 盒模型相關的屬性記住,此時可以繪制一個圖,如下圖所示。

        一張圖幫你完全掌握CSS所有屬性!

        CSS 屬性的名稱比較有規律,且名稱與意思緊密相連,根據意思記憶屬性名稱是一個不錯的方法。

        CSS 盒模型講的就是網頁中任何元素都會顯示為一個矩形形狀,它可以包括外邊距、邊框、內邊距、寬和高等。用英文表示就是:margin(外邊距,或稱為邊界)、border(邊框)、padding(內邊距,或 稱為補白)、height(高)和 width(寬),盒子還有 background(背景)。

        外邊距按方位又可以包含 margin-top、margin-right、margin-bottom、margin-left 共4個分支屬性,分別表示頂部外邊距、右側外邊距、底部外邊距和左側外邊距。

        同樣的道理,內邊距也可以包含 padding-top、padding-right、padding-bottom、padding-left 和 padding 屬性。

        邊框可以分為邊框類型、粗細和顏色,因此可以包含 border-width、border-color 和 border-style 屬性,這些屬性又可以按 4 個方位包含很多屬性,例如,border-width 屬性又分為 border-top-width、 border-right-width、border-bottom-width、border-left-width 和 border-width 屬性。

        推薦學習:《web前端》

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 欧美精品一本久久男人的天堂| 久久久精品人妻无码专区不卡 | 亚洲国产精品成人久久蜜臀 | 少妇精品久久久一区二区三区| 国产精品成人无码久久久久久| 国产精品视频一区二区三区四 | 久久丝袜精品中文字幕| 国产亚洲福利精品一区| 人妻少妇精品视中文字幕国语| 日本免费精品一区二区三区| 高清日韩精品一区二区三区| 国产精品18久久久久久vr| 久久精品午夜一区二区福利| 在线精品国产一区二区三区| 精品99久久aaa一级毛片| 亚洲精品综合一二三区在线 | 国产精品亚洲аv无码播放| 亚洲国产精品丝袜在线观看| 久草视频精品在线| 国产精品 91 第一页| 亚洲国产成人久久精品动漫| 狠狠色丁香婷婷综合精品视频| 精品无码一区二区三区爱欲九九| 日韩精品专区AV无码| 亚洲一区二区三区在线观看精品中文| 蜜桃麻豆www久久国产精品| 精品欧美一区二区在线看片| 国产精品自在线拍国产手机版| 国产欧美日本精品| 国产精品户外野外| 国产精品99久久久久久www| 粉嫩精品美女国产在线观看| 国产精品人人做人人爽人人添| 9re热国产这里只有精品| 国产精品视频全国免费观看 | 久久综合久久自在自线精品自| 精品国产免费一区二区三区香蕉 | 国产精品亚洲一区二区在线观看| 国产高清在线精品一区二区三区| 国产精品福利在线观看免费不卡| 成人亚洲日韩精品免费视频|