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

2021-08-04 13:38:22 字數 836 閱讀 6857

選擇器:

important選擇器:優先順序最高的選擇器。

id選擇器(#id):每個標籤都可以設定唯一的id,使用id選擇器就只能針對這個id對你所用的標籤設定相同的id。

class選擇器(類選擇器)(.class):可以供多個標籤使用,只要是需要相同的樣式就可以在對應的標籤上設定類名class相同的名即可。

標籤選擇器(p):只要是同一樣的標籤就可以使用。

優先順序:important>id>class>標籤》繼承

標籤的屬性有些是可以繼承上級的。

內邊距外邊距的差異:

margin為外邊距,padding為內邊距

margin不會疊加到你定義的盒子的寬高,但padding會疊加。

padding無論有無寬高都會疊加,而margin如果無寬高則無作用。

當盒子是父子關係時:產生塌陷現象解決方法:在父設定(超出隱藏)overflow:hidden;在子設定:margin-top:100px;這樣子盒子就會離父盒子有100px的距離。

margin的合併現象:相鄰的地方同時使用外邊距,只取較大的那個外邊距的值。

浮動:float:left左浮動   float:right右浮動 (一般只用於劃分左右結構)

只要用了浮動便脫離了文件流,不占有空間便是文件流。

注意:浮動的元素會優先顯示。

清除浮動的方法:找到最後乙個使用了浮動的元素的後邊的元素,清除浮動:clear:both;或者可以定義乙個類,當需要清除時就呼叫,例如:

.clearfix::after{

content:"";

display:block;(清除浮動必須是塊級標籤)

clear:both;

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

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

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

當在同乙個盒子中使用多個相同的標籤時,又不想命名太多的類,則可以使用 conter r four p nth of type 2 這個代表的是.conter r four類中的第二個p標籤,指定必須是p標籤 conter r four p nth child 2 定位 相對定位 position r...

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

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