2020 11 23web前端第十課

2022-07-02 05:30:15 字數 693 閱讀 7820

塊級元素 h1-h6 p div table body

行內元素 a img span input

塊級元素始終佔據一行或多行,在頁面以區域塊的形式出現,可以設定寬高和對齊方式

行內元素不占有獨立區域,靠字型大小和支撐,不可設定寬高和對齊方式

h1-h6 p 只搭建文字結構,只加文字或行內元素,不能插入其他塊級元素

其他塊級元素裡可以加任意塊級元素、文字、或行內元素

行內元素只能加文字或其他行內元素,不能加塊級元素

標籤裡可加塊級元素

是可設定寬高屬性的特殊行內元素

元素的轉換

display:

inline顯示為行內元素,無換行符

block顯示為塊級元素,有換行符

inline-block行內塊元素

none不顯示該元素

相鄰塊元素垂直外邊距的合併

相鄰塊元素之間的垂直間距不是margin-bottom與margin-top之和,而是兩者中的較大者

巢狀塊元素垂直外邊距的合併

對於巢狀關係的塊元素,如父元素無上邊框及邊框,則父元素上外邊距會與子元素上外邊距發生合併,合併後的外邊距為兩者中較大者

(子元素移到父元素會頂部)

div overflow:hidden 解決子元素margin溢位

float浮動方式

p 清除某方向的浮動元素

前端第十天

function 1000,swing fn 小公尺輪播圖 設定5個div 通過給乙個類名定義屬性達到動畫效果,有左右點選事件及索引決定將類名新增給誰,且在索引達到極限時,重新將索引賦值,且同時將其他兄弟div移除類名,通過設定z index達到最上面為顯示的div 小公尺 定義建立列表函式 引數為...

前端基礎第十天

基礎已經學習一半多了,簡單的靜態頁面也可以做了 雖然乙個頁面需要寫好幾個小時,但是熟練了就會好一點,一起加油 今天主要學習了定位,但是其他的知識也要了解,便於以後yunyong 1.靜態定位static 標準流中預設都是靜態定位 2.相對定位relative 特點 1.配合方位屬性使用 2.相對於自...

2020 12 23web前端第十九課

表單的標記 屬性 name 表單名字 action url 提交位址 method 提交方式 getpost target 在什麼位置開啟 文字框 屬性 placeholder 字型變虛且直接輸入 常用的表單元素 text 文字框 password 密碼框 radio 單選框 checkbox 核取...