CSS基礎知識(五)

2021-09-25 13:33:21 字數 1160 閱讀 6918

position

瀏覽器核心及字首

包含框太窄,那麼其他浮動塊會自動向下移動,直到有足夠的空間

清除浮動的常用方式:

結尾處加空div標籤clear:both

浮動元素的父級div定義 偽元素::after

浮動元素的父級div定義overflow:hidden

浮動元素的父元素定高

css規定的規範,每乙個網頁元素都有乙個dispaly屬性,用於確定該元素的型別,每乙個元素都有預設的display屬性值,如div預設display屬性值為block,稱為塊級元素,span的dispaly屬性預設為inline,稱為行內元素

也就是說塊元素與行內元素是可以互相轉化的,通過display來控制

display常見屬性值:

none:隱藏物件

inline:指定物件為內聯元素

inline-block:指定物件為內聯塊元素(識別**之間的空白)

block:指定物件為塊元素

table-cell:指定物件作為**單元格

flex:彈性盒

none的隱藏不保留物理空間

visibili:hidden和opaci:0會保留物理空間

position屬性值描述

absolute

生成絕對定位的元素

fixed

固定定位

relatuve

相對定位

static

預設值static一般用於去除定位

relativ相對自己偏移 通過偏移改變位置,但是原來的物理位置還被佔據

absoluted:相對於整個瀏覽器偏移,發生邊偏移不再占有空間

fixed:元素框的表現類似於將 position 設定為 absolute,不過其包含塊是視窗本身。

針對瀏覽器核心css字首也有不同

核心字首

瀏覽器gecko核心

-moz-

火狐瀏覽器

webkit核心

-webkit-

chrome瀏覽器最先開發

trident核心

-ms-

iepresto核心

-o-opera使用

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...