學前段半個月的一些心得(四)

2021-08-04 13:39:25 字數 590 閱讀 2289

當在同乙個盒子中使用多個相同的標籤時,又不想命名太多的類,則可以使用:

.conter_r_four p:nth-of-type(2)這個代表的是.conter_r_four類中的第二個p標籤,指定必須是p標籤

.conter_r_four p:nth-child(2)

定位:相對定位(position:relative),絕對定位(positio:absolute),固定定位(positio:fixed)

使用口訣:子絕父相:子用絕對定位,父用相對定位;

共同點:四個值:上右下左:top right bottom left    (只能同時使用兩個值)

相對定位占有空間,一般不單獨使用,會配合絕對定位來使用。

二級選單:

通過使用:ul>li>ul>li;進行ul的巢狀使用;

第乙個ul>li為一級選單

第二個ul>li為二級選單

給一級選單li設定浮動;給二級選單ul設定display:none;隱藏起來;

然後設定第乙個ul中的li標籤hover事件(當滑鼠移動到li時發生),使二級選單中的ul標籤為:displ:block;例:

一級選單

一級選單

學前段半個月的一些心得(二)

標籤的分類 行級標籤特性 1.幾乎所有的字型標籤都屬於行級標籤。2.行級標籤不會換行,給它設寬高沒用,智慧型由內容撐開,與生俱來無寬高。例如 a span標籤等 塊級標籤特性 1.會換行的,可設定寬高。例如 div p h1 h6等 行內塊級標籤 可以設定寬高,但不會換行。例如 input img等...

學前段半個月的一些心得(三)

選擇器 important選擇器 優先順序最高的選擇器。id選擇器 id 每個標籤都可以設定唯一的id,使用id選擇器就只能針對這個id對你所用的標籤設定相同的id。class選擇器 類選擇器 class 可以供多個標籤使用,只要是需要相同的樣式就可以在對應的標籤上設定類名class相同的名即可。標...

填一填用了半個月 ionic 遇到的坑

這篇沒什麼東西可扯,基本是 q a 形式。不定時更新,不用 ionic 了就不更新。a encodeuri 包含霸氣的中文檔名的 uri q 應用需要儲存較大量資料,原始格式是 json 存 sqlite 資料庫嫌麻煩。a lokijs 類 mongodb 的 js 記憶體資料庫,配合為 ionic...