新的一周新的開始,對于沒有基礎剛開始學習前端的我來說是真的很難,一周的學習中從最基本的簡單標簽到串列 邊框樣式再到CSS結構各種各樣的選擇符 各種各樣的屬性 一點不夸張的說真的是頭大 覺得基礎扎實真的是非常重要,俗話說蓋房子地基要穩 地基不穩房子蓋的在華麗也是要塌掉的。接下來就拿我們盒模型來說吧有的人會問什么是盒模型 它的組成都有什么呢 對于剛接觸它的我來說真的是一臉蒙啊 現在讓我們一起來從新認識一下 “盒模型” 什么是盒模型:可以說它是CSS 布局的基石,它規定了網頁元素如何顯示以及元素之間的關系 也可以說它是控制元素和元素之間或者元素和內容之間的位置關系,CSS 定義所有的元素都可以擁有像盒子一樣的外形和平面空間 里面包含我們的Content(內容區)padding(填充區)border(邊框)margin(外邊距)這就是盒模型。也可以這么理解就好比快遞它里面會有我們的買的商品就是內容 有一些易碎的還會放一些泡沫來填充 泡沫所占的位置這就是填充區 外圍就是盒子。
填充區 屬性:padding 它的屬性值可以寫px或者是%,注:必須是正值。
外邊距 屬性:margin margin:0 auto;實作標簽水平居中的效果,margin:-5px; 它可以實作標簽反方向的調整。注:它是可以寫負值的
單一方向的邊距取值:margin-top(上邊距)margin-right(右邊距)margin-bottom(下邊距)margin-left(左邊距)遵循的是上右下左的,順時針的方向的書寫規范。
單邊框屬性border:border-加上你要設定的方向 例如左邊框:border-left(左邊框)
它們的復合書寫:4個值 上右下左;3個值 上 左和右 下;2個值 上和下左和右。這個要注意!
我們的邊框線型例如:實線solid 點線dotted 虛線dashed 等等,
重點一定要記住是怎么應用的 現在我的基礎還不牢固,還得多多練習 努力學習超越從前的自己,逆戰班加油!
uj5u.com熱心網友回復:
在哪里報的班uj5u.com熱心網友回復:
培訓機構uj5u.com熱心網友回復:
uj5u.com熱心網友回復:
能看懂嘛各位轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/88311.html
標籤:非技術區
上一篇:Highchart插件
下一篇:JavaSrript的閉包
