CSS部分屬性學習

2021-09-28 20:09:50 字數 2383 閱讀 8427

css背景

background-color:定義了元素的背景顏色
background-image:描述了元素的背景影象,預設情況下,背景影象進行平鋪重複顯示,以覆蓋整個元素實體
background-repeat:設定平鋪還是不平鋪,預設是平鋪,no-repeat是不平鋪
background-position:定位
css文字格式

text-align:center  leaft right  justify     居中  居左 居右 兩端對齊
text-indent:文字縮排屬性是用來指定文字的第一行的縮排。
css字型

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

為了避免internet explorer 中無法調整文字的問題,許多開發者使用 em 單位代替畫素。

​em的尺寸單位由w3c建議。

​1em和當前字型大小相等。在瀏覽器中預設的文字大小是16px。

​因此,1em的預設大小是16px。可以通過下面這個公式將畫素轉換為em:px/16=em

css padding填充

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 定位

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

css overflow 屬性可以控制內容溢位元素框時在對應的元素區間內新增滾動條。

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 非必備,表示經過了...