CSS基礎知識(三)

2021-08-03 20:40:04 字數 446 閱讀 2086

1.定位

定位的方式有:static-靜態定位(預設)、fixed-固定定位、relative-相對定位、absolute-固定定位

div

首先設定了static,則位置不會發生改變,因為它本身就是預設,沒有定位,而且不受letf、right、top、bottom的影響

fixed:固定定位

通常我們在一些**的左下角或者右下角看到一些廣告,無論我們頁面下拉到**始終都在乙個位置顯示,就是用的固定定位。

relative:相對定位

我們可以將文件流看做在頁面上分為一行一行。而上**執行後顯示結果可以看出相對定位是從原有的位置進行位移,而原來的位置還在空著沒有被後續的元素補上,說明相對定位沒有脫離文件流

absolute:絕對定位

從上述**的執行結果可以看出:絕對定位的元素將從流中被「摘」出來,依靠left與fixed屬性進行定位。

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...

CSS基礎知識

css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...

css基礎知識

css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...