3 CSS屬性組成和作用

2022-04-29 14:51:06 字數 1031 閱讀 7112

屬性:屬性是指定選擇符所具有的屬性,它是css的核心,css2共有150多個屬性

屬性值:屬性值包括法定屬性值及常見的數值加單位,如25px,或顏色值等。

語法:float:none/left/right;

float:定義網頁中其它文字如何環繞該元素顯示

浮動的目的:就是讓豎著的東西橫著來

有三個取值:

left:元素活動浮動在文字左面

right:元素浮動在右面

none:預設值,不浮動。

清除浮動clear:left/right/both

首先要知道,div是塊級元素,在頁面中獨佔一行,自上而下排列,也就是傳說中的流

div1

div2

div3

div4

無論多麼複雜的布局,其基本出發點均是:「如何在一行顯示多個div元素」。

顯然標準流已經無法滿足需求,這就要用到浮動。

頁面浮動多個div的規律:

假如某個div元素a是浮動的,如果a元素上乙個元素也是浮動的,那麼a元素會跟隨在上乙個元素的後邊(如果一行放不下這兩個元素,那麼a元素會被擠到下一行);如果a元素上乙個元素是標準流中的元素,那麼a的相對垂直位置不會改變,也

就是說a的頂部總是和上乙個元素的底部對齊。

div的順序是html**中div的順序決定的。

靠近頁面邊緣的一端是前,遠離頁面邊緣的一端是後。

經過上邊的學習,可以看出:元素浮動之前,也就是在標準流中,是豎向排列的,而浮動之後可以理解為橫向排列

清除浮動可以理解為打破橫向排列。

清除浮動的關鍵字是clear,語法:

clear : none | left | right | both

none:預設值。允許兩邊都可以有浮動物件

left:不允許左邊有浮動物件

right : 不允許右邊有浮動物件

both : 不允許有浮動物件

有一點是要記住的那就是

對於css的清除浮動(clear),一定要牢記:這個規則只能影響使用清除的元素本身,不能影響其他元素

(講解3)css樣式

doctype html box 每次遇到這樣的問題,我都感覺非常的可笑,所謂前途其實本質上是由你的實力決定的,我面試過很多前端人員,對於那些一瓶子不滿,半瓶子晃悠的人,我是不會錄用的,只是浪費時間罷了,這就是無能者的前途。對於那些有真功夫的前端開發人員,我一般給他們的薪資都非常的高,因為他們值這個...

(3)CSS樣式 盒子模型

盒子模型的內容範圍包括 margin border padding content 內邊距padding 1.在content外,邊框內部 2.內邊距屬性 padding 設定所有邊距 padding bottom 設定底邊距 padding left 設定左邊距 padding right 設定右...

css學習3 css與div排版定位

1.排版常用標籤 a.塊級元素 b.行級元素,可以包含,反之不成立。2.盒子模型 乙個盒子由 content,padding,border,margin組成,盒子的實際寬度 content padding border margin。3.元素定位 a。position static,absolute...