初學Css筆記

2021-10-02 05:11:28 字數 2847 閱讀 1040

層疊樣式表(英文全稱: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 屬性...