@rnight阿布(css學習筆記)
基本結構
①。
②html:html文件的根標籤。
③head:指明我們瀏覽器中的頁籤的內容或者引入外部的資源。
④title:標題標籤，頁簽上的內容。
⑤body:體標籤,指定網頁中的主體內容。
①html的**元素稱之為標籤、節點、元素。
②子節點需要縮排。
③不區分大小寫，建議小寫。
④標籤分為單標籤（自閉標籤）以及雙標籤（圍堵標籤），絕大部分成對出現的，並且可以巢狀。
⑤檔案結尾是.html以及.htm
行級標籤與塊級標籤
①行級標籤：共享一行，不能設定大小（寬高） a span
"en">
"_blank" href="">點我,你就能飛
"_blank" href="">點我,你就能飛
內容1內容2
"en">
"border:1px dashed green;width:100px;">內容1
"border:1px dashed green;width:100px;">內容2
"border:1px dashed green;width:100px;">內容3
border
:1px dashed green;
width
:100px;
padding
:0px;
list-style-type
: none;">
內容1內容2內容3
①外邊距（margin）：指的是兩個盒子的外邊框相互的距離
②內邊距（padding）：指的是元素內部的內容與盒子邊框的距離
css（層疊式樣式表）
修改頁面節點（標籤、元素）效果的語言。
css的三種形式
行內樣式、內部樣式、外部樣式
語法結構
屬性名：屬性值 在有多個屬性的情況下用「；」分開（可檢視上示塊級標籤**理解）
css選擇器（樣式選擇器 用於內部樣式、外部樣式）
①標籤選擇器（元素選擇器）：用標籤名，影響（作用）範圍是頁面中所有的該標籤。
a
/*在需要的標籤中命名類*/
"abc">
/*在內部或外部樣式中寫名為abc的類的樣式*/
.abc
/*在需要的標籤中命名類*/
"aaa">
/*在內部或外部樣式中寫id為abc的標籤的樣式*/
#aaa
第乙個選擇器》第二個選擇器->影響的是第乙個選擇器下的子代（第一代）第二個選擇器節點。
#hh>a
#hh a
#hh>a:hover
（行內樣式》內部樣式》外部樣式）
5. 定位
①絕對定位：參考父類節點來定位（會往上找有定位屬性的祖輩節點，最高到html根標籤）
②相對定位：在原來存在的位置上進行調整，以原來的位置為參照來進行調整，原始的位置空間為保留（看似已經移了位置，其實實體還在原來的位置）
CSS學習筆記一
css是cascading style sheets 層疊樣式表 的縮寫。是一種對web文件新增樣式的簡單機制，屬於表現層的布局語言。然後在樣式表裡這樣定義 menubar 其中 menubar 是你自己定義的id名稱。注意在前面加 號。id選擇器也同樣支援派生，例如 menubar p 這個方法主...
css學習筆記（一）
1.群組選擇器 如 p,body,img,div 2.兄弟選擇器 如 p p 3.屬性選擇器 如 p title 4.包含 後代 選擇器 如 body ul li 5.子元素選擇器 如 div p 6.id選擇器 如 mydiv 7.類選擇器 如 class1 8.偽元素選擇器 如 e first ...
CSS學習筆記 一
什麼是文件流？對乙個網頁而言，body 元素下的任意元素，根據其前後順序，組成乙個個上下關係，這便是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁之中的位置。文件流是瀏覽器的預設顯示規則。什麼是浮動？float具有屬性值 left right none 當設定了 float 屬性後，浮動元素會被移...