css樣式表

css 剩餘知識點彙總
1.僞元素
	:focus{
		color:red;

	}

	例如:
	input:focus{
		background-color:yellow;
	}

	<input type = "text" name = "username" />//當輸入內容的時候,顯示的背景顏色爲黃色.

2.僞元素
	.first-line{
		color:red;
	}

	例如:
		p.first-line{
			color:red;
		}

		效果爲:p標籤的首行顯示爲紅色.

3.first-letter
	.first-letter{
		color:red;
	}

	例如:
		p.first-letter{
			color:red;
		}

		效果爲:首行的首字母顯示爲紅色.

4..before  .after  在標籤的首位置和尾位置,插入內容.


5.選擇器的優先級:
	因此這三個簡單選擇器的優先級順序爲：HTML標籤屬性>id選擇器>類選擇器>元素選擇器


6.css 樣式表的使用方式:
	1.background-color:  設置背景顏色
		transparent  透明
		inherit  繼承父類顏色

	2.background-image  設置背景圖片
		background-repeat  設置背景圖片是否重複.
		repeat 橫向縱向都重複
		repeat-x  橫向
		repeat-y 縱向
		no-repeat 不重複


	3.background-position  設置背景圖片的位置
		top,left...
		x% y%
		xpx ypx;

	3.color  字體顏色
		inherit  繼承父類顏色

	4.文字縮進
		text-indent  設置縮進(多行內容只有第一行縮進)
		xpx  像素
		x% 基於父元素寬度的百分比
		inherit 繼承父元素的文字縮進屬性

	5.文本對其方式 text-align
		left
		right
		center

	6.font-size  字體大小
		xpx  

	7.font-family  設置字體
		times Georgia

	8.font-style  字體風格
		italic 斜體
		normal 正常顯示
		....

	9.font-weight 字體加粗設置
		normal 正常顯示
		bold  加粗
		bolder bold的擴展
		lighter bold的縮減

		整數值....

	10.letter-spacing  字母間距
		默認是0


	11.word-spacing  字間距


	12.text-transform 字符轉換
		none 不做處理
		uppercase 大寫
		lowercase 小寫
		capitalize 首字母大寫


	13.text-decoration  文本修飾 
		none 不做處理
		underline  下劃線
		overline 上劃線
		line-through 文字中間的貫穿線
		bink 閃爍效果


	14.list-style-type  列表的標誌類型
		none 無標誌
		disc 實心圓
		circle 空心圓
		square 實心方塊
		decimal 數字標誌
		lower-roman  小寫羅馬文
		upper-roman 大寫羅馬文
		lower-alpha 小寫字母
		upper-alpha 大寫字母

	15.表格邊框
		border 屬性設置表格邊框
		border-collapse  設置邊框摺疊爲單一邊框
		text-align(水平) vertical-align(垂直)  文本對其方式
		padding 控制表格中內容與邊框的距離
		border-spacing 設置分隔單元格邊框的距離
		caption-side 設置表格標題的位置
		empty-cells 設置是否顯示錶格中的空單元格
		table-layout  設置顯示單元.行.列算法


	16.outline 輪廓
		outline是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用
		outline-color 顏色
		outline-style 輪廓的樣式
		outline-width 輪廓的寬度