前端學習之css第三天
一、圓角邊框
border-radiusboder-radius：50%border-radius: 高或寬的一半border-radius：10px 20px 30px 40px; 左上，右上，右下，左下
二、盒子陰影
盒子的陰影不會影響盒子的大小
box-shadow: h-shadow v-shadow blur spread color inset描述h-shadow
水平移動的距離
v-shadow
垂直移動的距離
blur
陰影的模糊程度
spread
陰影的大小
color
陰影的的顏色
inset
預設的內部陰影
文字陰影
text-shadow: h-shadow v-shadow blue color描述h-shadow
水平移動的距離
v-shadow
垂直移動的距離
blur
陰影模糊的程度
color
陰影的顏色
三、浮動
1.網頁布局三種傳統布局方式：標準流、浮動、定位
標準流
所謂的標準流就是按照標籤預設的方式排列
比如說：1.塊級元素會獨佔一行，從上到下來排列。常用的元素有：div、hr、p、h1-h6、ul、ol、dl、form、table
2.行內元素會按照順序，從左到右順序排列，碰到父元素的邊緣則自動換行，常用的元素有：span、a、i、em
以上都是標準流的布局，標準流就是最基本的布局方式
浮動
有許多的布局效果，標準流沒有辦法來完成，此時就可以利用浮動完成布局。
因為浮動可以改變標籤預設的排列方式。
描述none
元素不浮動
left
元素像左浮動
right
元素像右浮動
浮動的特性
1.浮動的元素會脫離標準流（脫標：浮動的盒子不在保留原來的位置）
2.浮動的元素會在一行內顯示並且元素的頂部對齊
3.浮動的元素會具有行內塊元素的特性、浮動元素的大小會根據內容來決定、浮動的盒子中間是沒有縫隙的
浮動元素的布局特點
乙個元素浮動了，後面的其他元素也要跟著浮動。
浮動的盒子只會影響浮動盒子後面的表準流，不會影響前面的標準流
清除浮動
由於父級元素在頁面的布局中，不方便給高度，但是子盒子浮動後有不佔位置，所以當父盒子高度為0的 時候，就會影響下面的標準流的盒子。
清楚浮動元素的本質是清除浮動元素造成的影響：浮動的子標籤無法撐開父盒子的高度。
注意：1.如果父盒子有高度則不需要清除浮動
2 .清除浮動後，父級會根據浮動的子盒子自動檢測高度
3.父級有了高度，就不會影響後面的標準流
清除浮動的方式：
1.額外標籤法（又叫做隔牆法）：
在浮動元素的末尾新增乙個空標籤
2.給父元素新增 overflow屬性
overflow:hidden
.clearfix:after
.clearfix
.clearfix:before,.clearfix:after
.clearfix:after
.clearfix
前端學習之CSS第三天
前端學習之css3第三天 一 css的三大特性 層疊性 繼承性 優先性 1.層疊性 相同的選擇器設定相同的樣式，裡面的值是不一樣的。原則 就近原則，那個樣式離著body近就用那個裡面的值。主要是解決樣式衝突的問題。2.繼承性 子標籤會繼承父標籤的某些樣式，如文字顏色 字型屬性等。如 行高的繼承 如果...
前端學習第三天
float left 設定左浮動 z index 100 重疊時顯示的順序，值越大越在上面 position fixed 固定 text align center 字型對齊方式 z index 屬性設定元素的堆疊順序 擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。所以，z index 9...
前端學習 第三天
css 指層疊樣式表 cascading style sheets 為了顯表現html 元素,使html內容與表現分離。當瀏覽器顯示文件時，它必須將文件的內容與其樣式資訊結合。它分兩個階段處理文件 1 瀏覽器將 html 和 css 轉化成 dom 文件物件模型 dom在計算機記憶體中表示文件。它把...