css核心屬性

2021-09-10 02:36:21 字數 3068 閱讀 9589

語法: font-family:字型1,字型2,字型3;

eg:body

注:

語法:font-size:數值+單位;

eg:h1

注:

語法:font-weight:bold(加粗)|bolder(加粗)|normal(常規字型)|100-900;

eg:h1,h2,h3,h4,h5,h6

注:當設定為數值時,100-500為常規字型,600-900為加粗字型

語法:font-style:italic(傾斜)|oblique(傾斜)|normal(常規字型,不傾斜);

eg:em,i

語法:font-variant:normal(常規字型)|small-caps(小型大寫字母字型);

注:只對英文起作用

語法:font:字型大小 字型型別;

eg:font:12px "黑體";

注:

語法:color:顏色值;

注:顏色值的三種設定方式:

color:#000; color:#fff;

color:rgb(0,0,0); color:rgb(255,255,255);

color:black; color:white;

語法:text-align:left(左對齊)|center(居中對齊)|right(右對齊)|justify(兩端對齊);

語法:line-height:數值+單位;

注:

語法:text-decoration:none(去掉文字修飾)|underline(下劃線)|line-through(刪除線)|overline(上劃線);

eg:a a:hover

語法:text-indent:數值+單位;

注:設定為正值時,值越大向後縮排的距離越大,設定為較大負值時,類似於隱藏的效果

語法:letter-spacing:數值+單位; (允許設定負值)

注:主要用來設定中文字與字,英文本母與字母之間的間距

語法:word-spacing:數值+單位; (允許設定負值)

注:只對英文起作用

語法:text-transform:none(預設值)|capitalize(首字母大寫)|uppercase(全部大寫)|lowercase(全部小寫);

注:只對英文起作用

語法:word-wrap:break-word|normal(預設值);

語法:white-space:nowrap;

語法:layout-flow:horizontal(從左到右)|vertical-ideographic(從上到下);

語法:vertical-align:baseline(預設值)|top(頂部對齊)|middle(中部對齊)|bottom(底部對齊);

注:

語法:list-style-type:disc(實心圓)|circle(空心圓)|square(實心方塊)|decimal(數字)|none(去掉列表符號樣式);

語法:list-style-position:outside(外)|inside(裡);

語法:list-style:none; (去掉列表符號)

eg:ul,ol 或 li

語法:background-color:顏色值;

注:顏色值的設定方法同color屬性

注:背景圖的三種顯示原則

語法:background-repeat:repeat(平鋪)|no-repeat(不平鋪)|repeat-x(橫向平鋪)|repeat-y(縱向平鋪);

語法:background-position:left|center|right|數值 top|center|bottom|數值;

注:

語法:background:背景色 背景圖 背景平鋪屬性 背景圖位置;

語法:background-attachment:scroll(滾動)|fixed(固定);

注:當容器出現滾動條,背景圖固定不跟隨滾動條滾動,設定為fixed

擴充套件:

語法:float:left(左浮動)|right(右浮動)|none(預設值,不浮動);

注:

語法:clear:none(預設值,不清除浮動)|left(清除左浮動)|right(清除右浮動)|both(清除左浮動和右浮動);

注:當某個元素的前面存在左浮動或右浮動,對該元素的正常顯示造成影響,那麼給受影響的該元素新增clear屬性

CSS核心屬性

說明 語法備註 字型型別 字型123依次搜尋顯示,字型是中文或者帶空格時需加雙引號 文字大小 屬性為數值時必須加單位 文字顏色 字型加粗 bolder bold normal或者數值100 900 字型傾斜 引數為italic,oblique,normal,oblique幅度要大一些 水平對齊 ju...

CSS核心屬性 浮動屬性

float 定義網頁中其他文字如何環繞該元素 語法 說明 left 元素活動浮動在文字左面 right 元素浮動在右面 none 預設值,不浮動 特點 1.div塊元素失去 塊狀 換行顯示特徵,變為行內元素 2.緊貼上乙個浮動元素 同方向 或父級元素得邊框。如寬度不夠將換行顯示 3.佔據行內元素的空...

CSS核心屬性大全

css cascading style sheets層疊樣式表 語法 選擇符 外部樣式表鏈結方式 或者 inport url 路徑名 不常用,沒那個好 內聯樣式表優先順序最高 li 去掉無序列表的列表符號 a去掉超連結下劃線,寫導航的時候會用到,所以提前寫 包含選擇器選擇符1 選擇符2 偽類選擇器a...