選擇器:
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...