CSS基本用法 二

2021-08-08 12:38:06 字數 1593 閱讀 7121

css3是對css2的擴充,刪減,優化

選擇器

功能e:first-child

匹配第乙個孩子

e:last-child

匹配最後乙個孩子

e:nth-child(n)

匹配第n個孩子

e:nth-child(2n)或e:nth-child(even)

匹配偶數的孩子

e:nth-child(2n+1)或e:nth-child(odd)

匹配奇數的孩子

e:only-child

匹配有且僅有乙個孩子

用來合併**的邊線,其值為:collapse,例如border-collapse:collapse;

選擇器

功能:first-letter

操作當前元素中第乙個字

:first-line

操作當前元素中第乙個行文字

:before

在之前插入,在乙個盒子內部的最前面

:after

在之後插入,在乙個盒子內部的最後面

text-shadow:水平陰影、垂直陰影、模糊舉例、陰影顏色

向文字新增乙個或者多個陰影,為逗號分隔的陰影列表,每個陰影由2個到3個長度值和1個可選的顏色值組成,省略的長度為0。

描述h-shadow

必需。水平陰影的位置。允許負值

v-shadow

必須。垂直陰影的位置。允許負值

blur

可選。模糊的距離

color

可選。陰影的顏色

描述:box-shadow:水平方向陰影、垂直方向陰影、模糊距離、陰影尺寸、陰影顏色、內/外陰影

水平陰影和垂直陰影必需,其他可以省略語法box-shadow:h-shadow v-shadow blur spread color inset

描述h-shadow

必需。水平陰影的位置。允許負值

v-shadow

必需。垂直陰影的位置。允許負值

blur

可選。模糊距離

spread

可選。陰影尺寸

color

可選。陰影顏色

inset

可選。將外部陰影改為內部陰影

border-radius值的順序為: 左上 右上 右下 左下;值一樣時寫為乙個值。單位px;

有顏色的標籤可以設定透明度:格式為rgba(紅色,綠色,藍色,透明度)a:透明度,值為0到1,0表示完全透明,1表示完全不透明。 -背景顏色透明background-color:rgba(255,255,255,0.3)

css基本用法

css初始化 相同的元素,如li 在不同的瀏覽器下,顯示的效果稍有不同,是因為,不同的瀏覽器對各元素的 margin border font size 等略有不同,如何杜絕這種情況,我們可以通過 css強制讓所有元素的屬性值都一樣,這樣,在瀏覽器顯示就一致了,減少不相容情況的發生,這個過程叫 css...

CSS 基本用法

css 一.使用css縮寫 使用縮寫可以幫助減少你css檔案的大小,更加容易閱讀。css縮寫的主要規則請參看 常用css縮寫語法總結 這裡就不展開描述。二.明確定義單位,除非值為0 忘記定義尺寸的單位是css新手普遍的錯誤。在html中你可以只寫width 100,但是在css中,你必須給乙個準確的...

二 基本用法

1 css語法 選擇器style head 2 css應用方式 也稱為css引用方式,有三種方式 內部樣式 行內樣式 外部樣式 2.1 內部樣式 2.2 行內樣式 2.3 外部樣式 使用單獨的css檔案定義,然後在頁面中使用 link標籤 或 import指令 引入 rel stylesheet t...