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

        一張圖幫你完全掌握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號
        主站蜘蛛池模板: 国产精品自在线拍国产手机版 | 国产精品第一页在线| 亚洲国产精品成人精品无码区 | 欧美精品亚洲精品日韩精品| 午夜精品免费在线观看| 99精品一区二区三区无码吞精| 亚洲日韩精品一区二区三区| 日韩精品一区二区三区中文字幕| 国产成人久久精品二区三区 | 亚洲精品视频在线观看你懂的| 国产免费伦精品一区二区三区| 8050免费午夜一级国产精品| 欧美精品人爱c欧美精品| 国产欧美久久久精品| 国产精品久久亚洲不卡动漫| 91精品欧美综合在线观看| 国产精品熟女一区二区| 国产AV国片精品有毛| 国产精品自在线拍国产| 国内精品久久久久影院一蜜桃| 精品亚洲麻豆1区2区3区| 久久久久女人精品毛片| 人人妻人人澡人人爽精品日本| 亚洲AV无码国产精品麻豆天美| 真实国产乱子伦精品视频| 亚洲精品国产自在久久| 一本色道久久88精品综合| 中文精品99久久国产 | 久久99国产精品久久久| 国产精品毛片久久久久久久| 国产精品一久久香蕉国产线看| 黑人精品videos亚洲人| 亚洲第一精品在线视频| 国产精品日韩欧美久久综合| 国产精品网址在线观看你懂的| 国产精品推荐天天看天天爽| 九九久久精品无码专区| 亚洲av午夜成人片精品电影| 亚洲国产精品无码专区影院| 久久香蕉国产线看观看精品yw| 精品无码久久久久国产|