層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。
字型相關屬性:
font (字型)
color (顏色)
font- (字型-加粗)
font-size (字型-大小)
font-weight (字型-型別)
text-shadow (文字的陰影效果)
line-height (行間的距離,行高)
letter-spacing (字型間的距離)
text-align (文字-水平對齊)
direction (內容顯示方向)
背景相關屬性:
background (背景)
background-attachment (固定到背景)
background-color (背景-顏色)
background-image (背景-)
background-position (背景--位置)
background-repeat (背景-是否及如何重複背景影象)
background-size (背景-大小)
邊框相關屬性:
border (邊框)
border-color (邊框-顏色)
border-style (邊框-樣式)
border-width (邊框-寬度)
border-top (邊框-頂部)
border-top-color (邊框-頂部-顏色)
border-top-style (邊框-頂部-樣式)
border-top-width (邊框-頂部-寬度)
border-right (邊框-右邊)
border-right-color (邊框-右邊-顏色)
border-right-style (邊框-右邊-樣式)
border-right-width (邊框-右邊-寬度)
border-bottom (邊框-底部)
border-bottom-color (邊框-底部-顏色)
border-bottom-style (邊框-底部-樣式)
border-bottom-width (邊框-底部-寬度)
border-left (邊框-左邊)
border-left-color (邊框-左邊-顏色)
border-left-style (邊框-左邊-樣式)
border-left-width (邊框-左邊-寬度)
none (不,沒有的)
hidden (隱藏的)
dotted (定義點狀邊框。在大多數瀏覽器中呈現為實線。)
dashed (虛線)
solid (實線)
double (雙線)
漸變邊框:
border-top-colors (邊框-頂部-顏色(漸變))
border-right-colors (邊框-右邊-顏色(漸變))
border-bottom-colors (邊框-底部-顏色(漸變))
border-left-colors (邊框-左邊-顏色(漸變))
圓角邊框:
border-top-left-radius (邊框-左上角(圓角))
border-top-right-radius (邊框-右上角(圓角))
border-bottom-left-radius (邊框-左下角(圓角))
border-bottom-right-radius (邊框-右下角(圓角))
補丁相關屬性;
padding (內邊距)
padding-top (內邊距-頂部)
padding-right (內邊距-右邊)
padding-bottom (內邊距-底部)
padding-left (內邊距-左邊)
margin (外邊距)
margin-top (外邊距-頂部)
margin-right (外邊距-右邊)
margin-bottom (外邊距-底部)
margin-left (外邊距-左邊)
大小相關屬性:
height (高)
max-height (最大高度)
min-height (最小高度)
width (寬)
max-width (最大寬度)
min-width (最小寬度)
定位相關屬性:
position (控制文件中某個元素的定位)
z-index (元素的堆疊順序)
top (頂部)
right (右邊)
bottom (底部)
left (左邊)
布局相關屬性:
float (浮動)
clear (清除)
overflow (溢位)
clip (剪裁)
overflow-x (溢位-橫向)
overflow-y (溢位-豎向)
visibility (指定元素應當可見還是隱藏)
display (框的型別)
**相關屬性:
border-collapse (是否合併**邊框)
border-spacing (相鄰單元格邊框之間的距離)
caption-side (**標題的位置)
empty-cells (是否顯示**中的空單元格上的邊框和背景)
table-layout (用於**的布局演算法)
控制游標的屬性:
cursor (游標型別(形狀))
(筆記未完善,以後補充)
初學CSS 學習筆記
常用選擇器 css指的是層疊樣式表 cascading style sheets 通過樣式 style 來修飾html元素,使元素樣式的定義更加簡潔高效,從逐條修改元素樣式中解放出來。例 style background color green 好好學習,天天向上0 div 例 divstyle 例...
css樣式 初學者筆記
div img img 看這裡 css info pic divmargin 0 auto 在chrome,firefox等主流的瀏覽器是可以實現水平居中的,但在ie瀏覽器裡卻需要再外邊一層的div或者body裡加 text align center,或者將文件的宣告修改為 body div sty...
初學CSS樣式
今天學了三個樣式表,邊學邊練正好給了我喘息的時間,這樣的節奏我還是挺適應的,學會使用這些方法等,內部樣式表 內嵌式是將css 集中寫在html文件的head頭部標籤中,並且用style標籤定義,其基本語法格式如下 行內式 內聯樣式 標籤名 style 屬性1 屬性值1 屬性2 屬性值2 屬性3 屬性...