每日思考(2019 12 10)

2022-09-07 03:30:15 字數 1684 閱讀 6336

html的元素有哪些(包含h5)?

css3有哪些新增的特性?

css3 過渡

div

css3 動畫

@keyframes myfirst

25%

50%

100%

}div

css3多列

屬性描述

column-count

指定元素應該被分割的列數。

column-fill

指定如何填充列

column-gap

指定列與列之間的間隙

column-rule

所有 column-rule-* 屬性的簡寫

column-rule-color

指定兩列間邊框的顏色

column-rule-style

指定兩列間邊框的樣式

column-rule-width

指定兩列間邊框的厚度

column-span

指定元素要跨越多少列

column-width

指定列的寬度

columns

css3 盒模型

div

css3伸縮布局盒模型(彈性盒)

屬性描述

display

指定 html 元素盒子型別。

flex-direction

指定了彈性容器中子元素的排列方式

justify-content

設定彈性盒子元素在主軸(橫軸)方向上的對齊方式。

align-items

設定彈性盒子元素在側軸(縱軸)方向上的對齊方式。

flex-wrap

設定彈性盒子的子元素超出父容器時是否換行。

align-content

修改 flex-wrap 屬性的行為,類似 align-items, 但不是設定子元素對齊,而是設定行對齊

flex-flow

flex-direction 和 flex-wrap 的簡寫

order

設定彈性盒子的子元素排列順序。

align-self

在彈性子元素上使用。覆蓋容器的 align-items 屬性。

flex

設定彈性盒子的子元素如何分配空間。

css3多**查詢

寫乙個方法去掉字串中的空格

//方式一:可指定去除空格的位置型別

function trimstr(str, type) ;

const reg = type && regobj[type] ? regobj[type] : regobj.both;

const replacestr = type === 'middle' ? (m, $1, $2, $3) => $1 ? m : $3 : '';

return str.replace(reg, replacestr);

}trimstr(' aa bb cc d d ee ', 'middle')

//方式二:一次性去除所有空格

function trim(str)

trim(' aa bb cc d d ee ');

每日早報 2019 12 10

網易雲 入駐原創 人超10萬,人總收入3年增長31倍 口碑餓了麼將登陸聚划算,阿里兩大核心板塊完成互通 51talk發布q3財報 營收4.092億元,一對一業務首次盈利 windows10移動辦公應用程式將於2021年1月12日正式終止 旅遊民宿 1 airbnb愛彼迎發布中國房東報告 平均年齡33...

每日思考(2020 07 14)

對html5的img標籤屬性srcset和sizes的理解 sizes 規定了在不同條件下的尺寸取值,根據尺寸取值從srcset中找到對應的src 配合srcset屬性才能使用 如果沒有設定srcset屬性,或者沒值,那麼sizes屬性也將不起作用 參考文件 響應式srcset全新釋義sizes屬性...

每日思考(2020 07 11)

在a標籤上的四個偽類書寫順序是什麼?對 important的理解,一般在哪些場景使用?寫乙個方法隨機生成指定位數的字串 getrandomstring 隨機生成指定位數的字串 param length 字串 return function getrandomstring length str get...