基礎已經學習一半多了,簡單的靜態頁面也可以做了
雖然乙個頁面需要寫好幾個小時,但是熟練了就會好一點,一起加油
今天主要學習了定位,但是其他的知識也要了解,便於以後yunyong
1.靜態定位static
標準流中預設都是靜態定位
2.相對定位relative
特點:1.配合方位屬性使用
2.相對於自己原來的位置移動
3.在頁面中佔位置,不脫標
使用場景:配合子絕父相使用,或者小範圍的移動
3.絕對定位,absolute
特點:1.配合方位屬性使用
2.相對於頁面移動,如果父元素也有定位,就根據父元素移動
3.在頁面中不佔位置,脫標
使用場景:子絕父相,令乙個盒子在父盒子中居中.
配合:transform:translate()使用,r如:
水平垂直都居中
1、left：50%；先向右移動父標籤的一半
2、top：50%；向下一定子標籤的一半
3、transform：translate（-50%，-50%）；再移回去自己本身的一半,就居中了
4.固定定位,fixed
特點:1.配合方位屬性使用
2.永遠相對於瀏覽器進行移動
3.在頁面中不佔位置,脫標
標準流《浮動《定位
比較定位之間的層級關係:
定位之間的層級關係都是一樣的,在html中寫在下面的元素會覆蓋寫在上面的元素
可以手動設定定位元素的優先順序
z-index:整數;真是越大,優先順序越高
取值:baseline基線與基線對齊
bottom底線與底線對齊
middle中線與中線對齊
top頂部對齊
取值visible：超出可見
hidden：超出隱藏
scroll：顯示滾動條
auto：根據內容的多少自動顯示或者隱藏滾動條
1、overflow：hidden
超出部分的內容隱藏
2、visibility：hidden
元素隱藏
佔位置隱身
3、display：none
元素隱藏
不佔位置
刪除1、a標籤不能互相巢狀
2、p標籤不能巢狀div標籤
1.通過標籤的屬性找到對應的標籤
2.找到頁面中的文字框
input[ type="text" ]
3.找到按鈕
input[ type="button" ]
li：first-child
1、找到頁面中所有的li標籤
2、找到所有li標籤對應的父元素
3、找到父元素的第乙個子元素
4、判斷第乙個子元素是不是li標籤
是 加樣式
不是 不加樣式
li：last-child
1、找到頁面中所有的li標籤
2、找到所有li標籤對應的父元素
3、找到父元素的最後乙個子元素
4、判斷最後乙個子元素是不是li標籤
是 加樣式
不是 不加樣式
li：nth-child（數字）
n：0,1,2,3，....正無窮
偶數:2n
奇數 :2n+1
2n-1
找到前12個: -n+12
前端第十天
function 1000,swing fn 小公尺輪播圖 設定5個div 通過給乙個類名定義屬性達到動畫效果,有左右點選事件及索引決定將類名新增給誰,且在索引達到極限時,重新將索引賦值,且同時將其他兄弟div移除類名,通過設定z index達到最上面為顯示的div 小公尺 定義建立列表函式 引數為...
實習第十天
今天電梯有點慢，等得我半小時才到公司。今天弄資料庫介面工具的時候，被松哥按在地上摩擦了。今天加班，在下班的時候，久久等不到電梯，想起了 上有個應該需要修改，然後回公司修改，改了半天，發現還是原來的好，於是恢復原樣，我就下班了，有點搞笑。這段時間上火非常嚴重，整個人的狀態都不好，做事情也沒精神。面對各...
學習第十天
一 介面 jdk1.8及之後新增了2中可以定義存在方法體的方法 預設方法 default關鍵字修飾的方法 使用 通過實現類物件使用 靜態方法 使用 通過介面名去呼叫 二 單例模式 保證類只能存在乙個例項 餓漢式 先建立物件,然後需要的人要這個物件,保證永遠使用的都是這個建立好的物件 執行緒安全的,效...