筆記 CSS 03 CSS 布局

2021-08-09 03:46:15 字數 1517 閱讀 6288

by kevin song

內邊距:padding(指定乙個值則是四條邊內邊距,指定兩個值第乙個值是上下內邊距,第二個值是左右內邊距。四個值,上右下左)

外邊距:margin(不同格仔之間的距離)

kevin's homepagetitle>

tyle="text/css">

div #div_1

#div_2

#div_3

style>

head>

id="div_1">

第乙個盒子

div>

id="div_2">

第二個盒子

div>

id="div_3">

第三個盒子

div>

body>

html>

漂浮

clear屬性

定位

如果父類設定過absolute或者relative。則子類盒子的設定位置在父類中。如果父類沒有設定,則相對body

kevin's homepagetitle>

tyle="text/css">

div #div_1

#div_2

#div_3

style>

head>

id="div_1>

第乙個盒子

div_2>

第二個盒子

div>

id="div_3>

第三個盒子

">

kevin's homepage/title>

type="text/css">

#imgtext

#img

#text

style>

head>

id="imgtext">

id="img">

src="9.bmp" />

div>

id="text">

一張div>

CSS03 CSS基礎03 文字 字型

文字顏色 顏色屬性被用來設定文字的顏色。顏色是通過css最經常的指定 十六進製制值 如 ff0000 乙個rgb值 如 rgb 255,0,0 顏色的名稱 如 red body h1 h2 文字的對齊方式 文字排列屬性是用來設定文字的水平對齊方式。文字可居中或對齊到左或右,兩端對齊.當text al...

CSS學習筆記(四) CSS布局

css有三種布局模式 1 流動模式 flow 2 浮動模式 float 3 層模式 layer 流動模式 網頁布局在預設情況下,都是流動模式布局。1 在流動模式下,所有的塊狀元素寬度都為100 即預設情況下,所有的塊狀元素都佔據一行 2 所有的內聯元素都從左到右水平分布顯示 那麼問題來了,如果我們想...

css布局學習筆記

對於大多數元素它們的預設值通常是 block 或 inline 乙個 block 元素通常被叫做塊級元素。乙個 inline 元素通常被叫做行內元素。當瀏覽器視窗比元素的寬度還要窄時,瀏覽器會顯示乙個水平滾動條來容納頁面。在這種情況下使用 max width 替代 width 可以使瀏覽器更好地處理...