倒角：將元素的直角倒成圓角
取值：1.具體數值 px
2.百分比 % 設定圓形時使用
屬性：border-top-left-radius:左上角
border-top-right-radius:右上角
border-bottom-left-radius:左下角
border-bottom-right-radius:右下角
屬性：box-shadow
是由多個值列表組成的，值之間用空格分開即可。
box-shadow:h-shadow v-shadow blur spread color inset;
h-shadow:（必須值）陰影在水平位置的偏移，值為正向右偏，值為負向左偏
v-shadow:（必須值）陰影在垂直方向的位置偏移，值為正向下偏，值為負向上偏。
blur:（可選值）陰影模糊距離
spread:（可選值）陰影的尺寸
color:（可選值）陰影的顏色
inset:（可選值）將預設的外陰影改為內陰影
練習一：
設定乙個圓形的發光效果。
box model又稱為盒子模型
框模型定義了元素框處理元素內容的內邊距和外邊距的方式。
內邊距：內容區域與邊框之間的間距
外邊距：圍繞在邊框外的空白間距，指定是元素與元素之間的間距
實際寬度=左右的外邊距+左右的邊框+左右的內邊距+width
實際高度=上下的外邊距+上下的邊框+上下的內邊距+height
增加元素的內外邊距，元素內容區域的大小不變，但是總體占地尺寸會變（變大）
1.語法
屬性：margin
取值：1.具體數值 px
2.百分比 %
3.auto 自動(在水平方向自動居中對齊，只對塊級元素起作用)
4.負數 向相反的方向移動
2.數量
margin:value四個方向的外邊距
margin:v1 v2(v1上下外邊距 v2左右外邊距)
margin:v1 v2 v3(上，左右，下)
margin:v1 v2 v3 v4(上右下左)順時針
3.單邊設定
margin-left:左外邊距
margin-right:右外邊距
margin-top:上外邊距
margin-bottom:下外邊距
屬性：padding
取值： 1.具體數值 px
2.百分比 %
padding:value四個方向的內邊距
padding:v1 v2(上下，左右)
padding:v1 v2 v3(上，左右，下)
padding:v1 v2 v3 v4(上，右，下，左)順時針
padding-left:
padding-right:
padding-top:
padding-bottom:
練習： 設定兩個div元素，要求他們之間的間距為80px,當滑鼠放到第二個div元素上時，元素的可視區域有變大的效果。
頁面上的元素，應該出現的位置
1.普通流定位
又稱為文件流定位，他是頁面元素預設定位方式。
文件流規範：
1.塊級元素
從上到下排列，獨佔一行。
2.行內元素
從左到右排列，多個元素在一行中顯示，如果顯示不下再換行。
2.浮動定位
解決問題：能夠讓多個塊級元素在一行中顯示
1.特點：
1.脫離文件流，不佔據頁面空間。
2.會停靠在父元素的左邊或右邊或其他已經浮動元素的邊緣上。
2.屬性：float
取值：none:無浮動，預設值
left:左浮動
right:右浮動
3.相對定位
4.絕對定位
5.固定定位是指以背景顏色或背景的形式為元素設定背景
背景顏色：就是以單一顏色作為背景進行填充
屬性：background-color
取值：合法的顏色值 transparent透明色
背景色和背景影象預設都是從元素的邊框位置處開始填充。
屬性：background-image
取值：url(影象的路徑)
屬性：background-repeat
取值： 1.repeat 預設值，水平和垂直方向都平鋪
2.no-repeat 無平鋪效果，只顯示一次背景影象
3.repeat-x:只在水平方向平鋪
4.repeat-y:只在垂直方向平鋪
屬性：background-position
取值： 1.x y
x:背景影象橫向 水平方向位置偏移
取值為正：向右偏移
取值為負：向左偏移
y:背景影象縱向 垂直方向位置偏移
取值為正：向下偏移
取值為負：向上偏移
2.x% y%
0% 0%：原始位置，左上角
100% 100%：右下方
50% 50%:元素正中間
3.關鍵字
x:left/center/right
y:top/center/bottom
1.指定字型
屬性：font-family
取值：字型1，字型2，字型3
ex:font-family:"微軟雅黑",arial,"黑體";
2.字型大小
屬性：font-size
取值：px,pt為單位的數值
3.字型加粗
屬性：font-weight
取值：normal 正常
bold 加粗(b,hn)
value：400-900 整百倍數字
4.字型樣式
屬性：font-style
取值：normal 正常
italic 斜體（i）
1.文字顏色
屬性：color
取值：合法顏色值
2.文字排列方式（水平方向）
屬性:text-align
控制文字的水平對齊方式
取值：left/center/right/justify（調整版面）
3.文字修飾（線條修飾）
屬性：text-decoration
作用：線條修飾
取值：none:無線條修飾
underline:下劃線
overline:上劃線
line-through:刪除線
4.行高
控制一行文字的高度，如果行高的高度大於字型本身的大小，那麼該行文字將在指定的行高內呈現垂直居中的效果。
屬性：line-height
取值：以px為單位的數值
練習： 設定乙個鏈結預設載入頁面時無下劃線和特殊顏色，當滑鼠懸停時文字顏色為紅色並且出現下劃線和加粗的效果
決定頁面上的元素到底以什麼方式進行顯示（塊級，行內，行內塊）
屬性：dispaly
取值： none:隱藏，讓生成的元素不顯示
block:讓元素表現的和塊級元素一致
inline:讓元素表現的和行內元素一致
inline-block:讓元素變成行內塊
行內塊：本身是行內元素，但是又具備塊級元素的特徵
屬性:list-style-type
取值： none:沒有
disc:實心圓
circle:空心圓
square:實心方塊
屬性：list-style-image
取值：url(影象路徑);
屬性：list-style-position
取值： outside:預設值，列表項標記位於內容區域之外
inside:將列表項標記放在內容區域之內
list-style:type url() position;
常用方式：
list-style:none;
初學web前端 20170426
css cascading style sheets層疊樣式表，級聯樣式表，簡稱樣式表。定義html頁面中元素的樣式 1.實現內容和表現的分離 2.實現 的可重用性和可維護性 1.html 內容的體現 2.css 樣式的修飾 如果css樣式屬性與html屬性相衝突時，w3c建議盡量使用css屬性去取...
Web前端初學總結
恢復內容開始 學習了一周的c 這一周學了不少東西，也寫了不少 感覺挺不錯的，總結一下學到的東西。最基礎的就是變數 資料 運算。這裡面包含了不少的 基礎規則，多用，多記就好了。然後是流程控制，這其中所包含的東西就不僅是需要記住就可以的，還得弄明白，想明白。裡面牽涉到邏輯問題，if判斷，switch選擇...
初學者web前端學習筆記
對於 if 語句括號裡的表示式，ecmascript 會自動呼叫boolean 轉型函式將這個表示式的結果轉換成乙個布林值。如果值為 true，執行後面的一條語句，否則不執行。通過arguments 物件的length屬性，來智慧型的判斷有多少引數，然後把引數進行合理的應用 比如，要實現乙個加法運算...