1. 程式人生 > >css-1

css-1

gray 進行 空間 影響 屬性 對齊 rgb 浮動 有效


顏色單位:
1、使用0-255之間的整數值來設置,如 color.rgb(128,0,128)
2、使用16進制數組定義顏色,如#fc0eab
3、為顏色取名:aqua,black,blue,fuchsia,gray,green等5

盒模型:四個分層屬性:
1.內容(content):元素中的內容;
2、外邊距(margin):代表元素外邊的空間,這個空間將元素相互分開;
3、邊框(border):位於元素的邊距內和元素的邊框距外之間的可配置的線;
4、內邊距(padding):元素內容和元素邊框之間的空間。
盒模型都可以使用 “上右下左”方式設置,如果僅給出2個或者3個值,那麽缺失邊的屬性值,取與對邊相同的值。

標準文檔流:
1.文本元素按照從上到下,從左到右格式布局
2.塊級元素按照從上到下
3.內嵌元素按照從左到右依次排列

margin是當前元素和border的距離,padding是內容和border的距離;margin是對外的,padding是對內的;
margin只對塊級元素有效,padding對所有元素都有效
margin水平盒子間距為兩個盒子間距的和
垂直盒子的間距為兩個盒子間距的較大值
margin值可以設置為負值;

使用clear可以清楚浮動的影響;

定位屬性有四個:
static 靜態定位,表示按照html格式規則正常定位
relative 相對定位,相對於元素初始位置進行偏移;
absolute 絕對定位,是指某元素將定位在已經定位的父元素框架或瀏覽器窗口本身的左上角絕對位置。
fixed固定定位,類似absolute,不過其包含塊是視窗本身。

text-align 對齊方式
text-decoration 下劃線

隱藏元素方式:
display:none 隱藏的元素不占位置
visibility:hidden 隱藏的元素要占位置

參考3.html
內容超出容器處理方式:
1.overflow:hidden 超出內容隱藏
2.overflow:scroll 超出內容以滾動條顯示

css-1