CSS精華提煉

2022-12-29 08:42:06 字數 2141 閱讀 3589

css-------- cascading style sheet 層疊樣式表

css是頁面排版樣式標準,它控制文字格式。簡單、靈活、易學的工具。

語法結構:選擇符、樣式屬性和值。

格式: 選擇符

說明:選擇符(selector)-----這組樣式編碼所要針對的物件,可以是標記,如body,也可以是定義了特定id或class的標記,如 #main選擇符表示選擇.

屬性(property)-------樣式控制的核心.如:顏色、大小、定位、浮動方式等.

值(value指屬性的取值.如:範圍的值;具體數值。

選擇器:

1、標記選擇器

2、類別選擇器

3、id選擇器

4、交集選擇器

5、並集選擇器

6、後代選擇器

其他內容控制的部分其他內容

注:行內高於id,id高於類別,前者高於後者.

實現:1、行內樣式表

行內樣式表

2、內部樣式表

不放在行內,放在固定位置,一般在頭部.

3、鏈結外部樣式表

將css樣式**單獨放在乙個獨立檔案中,讓網頁呼叫。

使用link標記,將link指定為stylesheet樣式表方法,並使用href=」 指明檔案路經,其中是獨立的樣式檔案。

4、匯入樣式表

規範:單位度量表:

html單位縮寫 unittype列舉型別成員說明

pxpixel畫素單位

ptpoint點數單位,1/72英吋

ininch英吋

mnmn公釐

cmcm分公尺

percentage百分比

pcpica1pica有12pt

emem相對於所在元素中字型的高度

exex相對於所在元素中字型小寫字母x的高度

一. 顯示方式: {display: block|inline|none}

二. 設定字型: 1)大小 ① {font-size: xx-small|x-small|small|medium|large|x-large|

xx-large}

② {font-size: smaller|larger}

③ {font-size: x%}

④ {font-size: 自然數cm|in|mm|pc|pt}

⑤ {font-size: 自然數em|ex|px}

2)風格: {font-style: normal|italic}

3)粗細: {font-weight: normal|bold|bolder|lighter, 100,200,300,…800,900}

三. 設定顏色: 1)關鍵字:{color: red|green|blue|n**y|yellow|white|black|silver|gray}

2)十進位制: {color: rgb (255,0,0) |rgb (0,255,0) |rgb (0,0,255) |rgb (0,0,0)等}

3)十六制: {color: # ff00001|#00ff00|#0000ff|#000000|等}

4)百分數: {color: rgb (100%,0%,0%)|rgb (0%,100%,0%)|rgb (0%,0%,100%)|rgb (0%,0%,0%) 等}

四. 設定背景:

1)背景顏色 {background-color: red|…. }

2)背景圖案 ①{background-image: url (圖案的url)}

②{background-repeat|repeat-x|repeat-y|no-repeat}

③{background-position: top|center|bottom|left|center|right|組合等}

五. 文字外觀: 1) 間距 {letter-spacing: 0.5em|如同font-size引數}

2) 對齊 {text-align: left|right|center}

3) 直線修飾 {text-decoration: underline|overline|line-through|none}

六. 頁邊距和邊框:

1)頁邊距 {margin-top: 1em|如同 font-size引數}

{margin-bottom: 0.8em|如同font-size引數}

CSS學習內容

定義和用法 border style 屬性用於設定元素所有邊框的樣式,或者單獨地為各邊設定邊框樣式。只有當這個值不是 none 時邊框才可能出現。例子 1 border style dotted solid double dashed 上邊框是點狀 右邊框是實線 下邊框是雙線 左邊框是虛線 例子 2...

CSS樣式屬性

1 字型屬性 type font family 使用什麼字型 font style 字型的樣式,是否斜體 normal italic oblique font variant 字型大小寫 normal small caps font weight 字型的粗細 normal bold bolder l...

面試問題提煉

如果你是某事的負責人的話,你很容易讓他人聽你的 但是,當你不是負責人時,讓別人聽自己的話是非常難的事。想要培養自己影響他人的能力的話,得通過與他人的共同的理想和目標來建立個人關係。那些擁有影響力並能感召他人的應聘者通常能夠使同事和客戶支援自己的觀點和目標。下面的一些問題能夠考核出應聘者在這方面的能力...