CSS部分屬性學習

css背景

background-color:定義了元素的背景顏色

background-image:描述了元素的背景影象，預設情況下，背景影象進行平鋪重複顯示，以覆蓋整個元素實體

background-repeat:設定平鋪還是不平鋪，預設是平鋪，no-repeat是不平鋪

background-position:定位

text-align:center  leaft right  justify     居中  居左 居右 兩端對齊

text-indent:文字縮排屬性是用來指定文字的第一行的縮排。

font-size:設定文字的大小與畫素

em:

為了避免internet explorer 中無法調整文字的問題，許多開發者使用 em 單位代替畫素。
​em的尺寸單位由w3c建議。
​1em和當前字型大小相等。在瀏覽器中預設的文字大小是16px。
​因此，1em的預設大小是16px。可以通過下面這個公式將畫素轉換為em：px/16=em

padding屬性，可以有一到四個值。

​ padding:25px 50px 75px 100px;
​   上填充為25px
右填充為50px
下填充為75px
左填充為100px
​ padding:25px 50px 75px;
​   上填充為25px
左右填充為50px
下填充為75px
​ padding:25px 50px;
​   上下填充為25px
左右填充為50px
​ padding:25px;
​   所有的填充都是25px

說明padding

使用簡寫屬性設定在乙個宣告中的所有填充屬性

padding-bottom

設定元素的底部填充

padding-left

設定元素的左部填充

padding-right

設定元素的右部填充

padding-top

設定元素的頂部填充

巢狀選擇器

​它可能適用於選擇器內部的選擇器的樣式。
​在下面的例子設定了三個樣式：
​   p: 為所有 p 元素指定乙個樣式。
.marked: 為所有 class="marked" 的元素指定乙個樣式。
.marked p: 為所有 class="marked" 元素內的 p 元素指定乙個樣式。
p.marked: 為所有 class="marked" 的 p 元素指定乙個樣式。
​

static 定位

​html 元素的預設值，即沒有定位，遵循正常的文件流物件。
​靜態定位的元素不會受到 top, bottom, left, right影響。

fixed 定位

​元素的位置相對於瀏覽器視窗是固定位置。
​即使視窗是滾動的它也不會移動：

relative 定位

​相對定位元素的定位是相對其正常位置。

absolute 定位

​絕對定位的元素的位置相對於最近的已定位父元素，如果元素沒有已定位的父元素，那麼它的位置相對於:

overflow屬性有以下值：值描述

visible

預設值。內容不會被修剪，會呈現在元素框之外。

hidden

內容會被修剪，並且其餘內容是不可見的。

scroll

內容會被修剪，但是瀏覽器會顯示滾動條以便檢視其餘的內容。

auto

如果內容被修剪，則瀏覽器會顯示滾動條以便檢視其餘的內容。

inherit

規定應該從父元素繼承 overflow 屬性的值。

注意:overflow 屬性只工作於指定高度的塊元素上。

css 的 float（浮動），會使元素向左或向右移動，其周圍的元素也會重新排列。

float（浮動），往往是用於影象，但它在布局時一樣非常有用。

元素的水平方向浮動，意味著元素只能左右移動而不能上下移動。

乙個浮動元素會盡量向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。

浮動元素之後的元素將圍繞它。

浮動元素之前的元素將不會受到影響。

如果影象是右浮動，下面的文字流將環繞在它左邊：

RelativeLayout部分屬性

android中relativelayout各個屬性 android layout alignparentleft true 找不到有時候 2014年09月05日 綜合 共 945字 字型大小 小 中 大 android layout above id 將控制項置於給定id控制項之上 android...

DEV GridView 部分屬性

gridview.indicatorwidth 行指示面板的寬度 gridview.rowheight 行高 gridview.optionscustomization.allowcolumnmoving 是否允許移動列 gridview.optionscustomization.allowcolu...

複習css3的部分屬性

css3 1 圓角 border radius 100 border top left radius 5px 2 變形 3 動畫 animation使用方法 3.1 利用 keyframes定義動畫效果 keyframes animatename 必備，表示動畫開始時的效果 30 非必備，表示經過了...