1. 程式人生 > >2017.11.07

2017.11.07

bsp 並且 對象 relative 選擇器 空格 html 屏幕 left

一天講完了HTML5,又一天講完了CSS,感覺大腦已經不夠用了,知識點多而雜,主要感覺時間太快,沒太有時間去消化,只能晚上加加班啦。通過這2天的學習讓我了解到了HTML的標簽,表格表單,框架等等。今天講了CSS樣式表的基本概念和樣式屬性,總結還是要多練多敲代碼。下面是我記得一些知識點。

CSS樣式:(1)內聯式(直接在標簽裏面寫樣式)

例如:<div style="width:100px;height;100px;></div>
(2)內嵌式(直接嵌入到head標簽裏面,以標簽的形式出現,標簽名為style)
選擇選擇器:用來選擇標簽(給哪個標簽加樣式)
(1)標簽選擇器(用標簽名選擇)
(2)id選擇器 關鍵符號# id是唯一的
(3)類(calss)選擇器 關鍵符號是. 點
(4)復合選擇器(1)後代選擇器 關鍵符號 空格
(2)並列選擇器 關鍵符號 ,逗號
(3)篩選選擇器 關鍵符號 .點
(5)通用選擇器 關鍵符號 *

float:水平浮動

none:設置對象不浮動

left:設置對象浮在左邊

right:設置對象浮在右邊


例如:


例如:<head>
<style type="text/css">
div{
float:feft;(對象浮在右邊)
}
</stlye>
</head>

positin:fixe、absolute、relative
fixe:定位在屏幕上
relative:相對自身的偏移 定位在頁面上
absolute:1、是body直接子標簽,定位在頁面上
2、不是頁面的直接子標簽,
並且父標簽沒有position屬性,同上
3、不是頁面的直接子標簽,
並且父標簽沒有position屬性

2017.11.07