H5C3小知識點總結

2021-08-29 09:48:42 字數 606 閱讀 7459

相對定位(reletive)

絕對定位(absolute)

注意

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

display:

-webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp:3;

// 行數

overflow: hidden;

// 只有行內塊元素才有這個屬性,塊元素沒有

// 只有行內塊元素才有這個屬性,塊元素沒有

// 通過它設定與文字的垂直關係。預設的會和文字基線對齊

img

// 解決方案

img,input

// 或者

img// 或者給父容器指定乙個高度

// 或者將父容器的line-height 置為0

div

H5C3知識點今日總結

結構 位置 偽類選擇器 css3 p first of type 匹配同型別中的第乙個同級兄弟元素p p last of type 匹配同型別中的最後乙個同級兄弟元素p p first child 匹配父元素的第乙個子元素p。p last child 匹配父元素的第乙個子元素p。p nth chil...

H5C3關鍵點記錄

與 這些類似,h5把這些布局語義話,並沒有本質區別。定義了文件的頭部區域 定義頁面的側邊欄內容 定義頁面內容之外的內容 定義 section 或 document 的頁尾 在ie9一下並不支援html5的語法規則,需要通過引入html5shiv.min.js這個外掛程式相容ie9一下 1.datal...

H5C3新特性 動畫

轉換 transform 是css3中具有顛覆性的特徵之一,可以實現元素的位移 旋轉 變形 縮放。縮放 scale 移動 translate 旋 rotate 傾斜 skew 2d轉換是改變標籤在二維平面上的位置和形狀的一種技術 transform translate x,y transform t...