第六天知識總結
一、浮動補充：
新增浮動的元素不佔據空間（脫離文件流）
只要子元素有浮動，父元素必須新增高度
二、頁面補充：
a、設計圖：
版式寬度：1920 、1680 …
網頁的版心：960 - 1200
結構規劃：
b、id名稱：網頁外圍結構
pc端 版心寬度不能用百分比
c、怎樣讓版心左右居中？？
給要做居中的版心元素 新增 margin:0 auto;
三、css列表補充：
1：（了解）
list-style-type:
circle
square
none 清除列表符號
…2：（了解）
list-style-image:
把一張當作列表符號
3: （了解）
list-style-position:
inside (內容區域裡面)
outside (內容區域外面)
4: list-style:none;(重點 清除列表符號)
四、邊框屬性：
1：邊框長在**？
長在元素的寬高之外的。
2： border:10px solid red; （簡寫\複合式寫法）
border-width:10px;
border-style:solid;
border-color:red;
常用的線條型別：solid(實線) dashed(虛線) dotted(點狀線) double(雙線) none(沒有)
3：給單一方向新增邊框。
border-left:10px solid red;
border-right:10px solid red;
border-top:10px solid red;
border-bottom:10x solid red;
4: border的其他設定方法：
border-width\border-style\border-color
這三個屬效能單獨拿出進行設定。
這三個屬性每個最多能接收4個屬性值。
eg ：
border:10px solid;
border-color: 1到4個屬性值。
1個屬性值： 四周
2個屬性值： 上下 左右
3個屬性值： 上 左右 下
4個屬性值： 上右下左
5: 用css實線乙個三角形。
顏色值為透明： transparent;
五、背景：
background:; 復合屬性！
1：背景顏色：
background-color:;
2: 背景圖：
background-image:url(路徑);
背景圖的顯示狀態：
a: 背景圖是不佔據空間的。
b: 背景圖大小 小於 容器大小的時候，直到鋪滿為止
c: 背景圖大小 等於 容器大小的時候，正好顯示一張
d: 背景圖大小 大於 容器大小的時候，只顯示容器區域
3：控制背景圖是否平鋪
background-repeat:;
屬性值：
repeat 平鋪（預設值）
no-repeat 不平鋪
repeat-x 橫向平鋪
repeat-y 縱向平鋪
4: 控制背景圖的位置：
background-position:;
屬性值：
第乙個值：水平的位置 第二個值：垂直的位置
eg:100px 200px -> 距離左側100px,距離頂端200px
-100px -30px -> 往左移動100px,往上移動30px;
10% 20% -> 支援百分比
left bottom -> 讓背景圖的左側和底部，貼著容器的左側和底部
right center -> 讓背景圖右側貼著容器右側，上下居中
center bottom -> 左右居中，背景圖底部貼著容器底部
center -> 水平和垂直都居中
5: 背景圖的固定：
background-attachment:;
屬性值：fixed/scroll;
六：背景圖：
背景圖：網頁渲染、不佔空間。
img匯入的：html的結構、佔據空間的！
型別：.jpg -> 沒有透明、沒有動畫的時候
.png -> 支援透明！
.gif -> 支援透明也支援動畫。
七：盒模型：
1、css盒模型：
是網頁布局的基石！盒模型，從裡到外包括：
內容區 -> 雞蛋
內填充(補白) -> 泡沫
盒子邊框(可選) -> 快遞盒子
外邊距 -> 盒子外部的距離
2、padding的用法：
1: padding是長在內容和盒子之間的，在盒子內部。
2：padding是為了調整 子元素 在 父元素裡面位置關係。
3：padding的特點：padding值會把盒子撐大。
4：如果想讓盒子保持原有大小，需要在寬高的基礎上減掉padding值。
5：給單一方向設定padding值：
padding-left/right/top/bottom:;
6: padding 設定方法：
padding:1個值 四周
padding:2個值 上下 左右
padding:3個值 上 左右 下
padding:4個值 上右下左
7: padding不能設定負值
8: padding不會對背景圖造成影響。
9：如果乙個盒子沒有設定固定的寬和高，新增padding是不用減的。
總結：今天對於前端學習進行了進一步的學習，主要是盒模型這個非常重要的概念，以及對上一周知識的補充，接下來的學習我相信我可以學的更好。
前端學習第六天
將transform屬性的值設定為rotate 即可實現旋轉變形，角度為正，則順時針方向旋轉，否則逆時針方向旋轉 旋轉45度 transform rotate 45deg transform origin屬性可以設定自己的自定義變換原點 以左上角為中心原點進行旋轉 transform origin ...
前端第六天
js屬於編寫執行在瀏覽器上的指令碼語言 採用ecmascript語法,來操作bom及dom 操作bom 瀏覽器物件模型 操作dom 文件物件模型 如 使用瀏覽器的歷史記錄,使用瀏覽器的彈出框,修改頁面內容,修改頁面樣式,響應使用者互動事件等 js引入 1.行間式 存在於行間事件中 文字內容 2.內聯...
第六天學習
變數的作用域 區域性變數 在函式內部定義的變數，這個變數只能在函式內部使用，在全域性當中不能使用。使用就報錯了。全域性變數 在函式外部定義的變數，這個變數可以在全域性使用。但是我們一般不推薦使用全域性變數 因為可能會意外的修改掉變數的值。迫不得已不要用全域性變數 衝突處理原則 就近原則。而不是從上到...