Css樣式基礎

2022-07-29 19:33:13 字數 1456 閱讀 2704

1.css的語法

css的語法主要由兩個部分組成,乙個是選擇器,乙個是屬性、

選擇器又分為以下幾種:

1.元素選擇器:即html標籤去掉括號的就是元素

2.類選擇器:所謂的類就是說class=「名稱」,類的名稱是可以相同,也可以不同。呼叫的時候類名前面要加「.」

3.id選擇器:名稱不能相同,具有唯一性。主要用於後台互動。呼叫是id的名稱前要加「#」。

4.偽類:語法為selector : pseudo-class

主要運用為:

a:link/* 未訪問的鏈結 */

a:visited/* 已訪問的鏈結 */

a:hover/* 滑鼠移動到鏈結上 */

a:active/* 選定的鏈結 */

其中 hover必須放在 link和visited之後。

使用最多的選擇器就是以上的幾種。

2.背景

css 屬性定義背景效果:

background-color

background-image

background-repeat

background-attachment

background-position

3.文字:

文字格式text主要語法為標籤其屬性主要有以下這些:

color               設定文字顏色

direction             設定文字方向。

line-height             設定行高。

letter-spacing           設定字元間距。

text-align             對齊元素中的文字。

text-decoration           向文字新增修飾。

text-indent             縮排元素中文字的首行。

text-shadow             設定文字陰影。css2 包含該屬性,但是 css2.1 沒有保留該屬性。

text-transform             控制元素中的字母。

unicode-bidi             設定文字方向。

white-space             設定元素中空白的處理方式。

word-spacing             設定字間距。

4** table

主要格式為

.....

屬性有border-collapse 設定是否把**邊框合併為單一的邊框。

border-spacing 設定分隔單元格邊框的距離。

caption-side 設定**標題的位置。

empty-cells 設定是否顯示**中的空單元格。

table-layout 設定顯示單元、行和列的演算法。

CSS基礎樣式

css指層疊樣式表,它作用是控制頁面內容的外觀。這樣就可以將網頁的內容和表現形式分離。層疊的意思是 如果選擇器的權重相同,則後面元素的樣式會覆蓋前面樣式。css樣式表由選擇器和宣告兩個部分組成,其中選擇器是通過名字來標識元素的,宣告用於定義元素的樣式。a 樣式表比較常見的有三種引入方式 1.行內樣式...

CSS基礎樣式

顏色 單位 color 設定文字顏色 text align 設定文字對齊方式 letter spacing 字間距 line height 行高 text indent 首行縮排 text decoration 文字裝飾 text transform 大小寫轉換 text shadow 建立文字陰影...

css基礎樣式

5 float 6 position 定位 1.1給值方式 background 背景顏色 color 字型顏色 1.2 透明度 rgba 0 255 0 255 0 255 0 1 a代表透明度 0 1 0完全透明 1完全不透明 只針對當前設定顏色的內容透明opcity 0 1 標籤元素的透明度 ...