CSS基礎語法

2021-09-03 02:19:20 字數 3676 閱讀 6087

層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

在標籤上設定style屬性,其注釋方法:/*內容*/

紅色

缺陷id是不能重複的!!!

dream

ya

dream

ya

所有的div標籤都改變!!!

dream

ya

可以發現就span下面的div發生的變化!!!

dream

12345

內聯標籤

6789

ya

(1)通過id:
dream

ya

(2)通過class
dream

ya

對選擇到的標籤再通過屬性進行篩選!!!

(1)

dream

dream

(2)

css優先順序:標籤上style優先,head中的style的編寫順序越下面,優先順序越高!!!

dream

在瀏覽器取消掉style,會先顯示c1的顏色!!!

### html檔案:

dream

yayay

### commons.css(css檔案,同級目錄):

.c2.c1

border:我們可以調節顯示為上下邊框,solid:實線;

dream

height:                高度,百分比(一般不這麼寫,因為高度是無限的)

width: 寬度,畫素,百分比

line-height: 設定行間的距離(行高)

text-align:center 水平方向居中

color: 字型顏色

font-size: 字型大小

font-weight: 字型加粗

dream

讓標籤漂浮起來,實現塊級標籤也可以進行堆疊!!!

dream

yadream

yadream

ya

收藏本站

登陸註冊

行內標籤:無法設定高度、寬度、padding、margin

塊級標籤:可以設定高度、寬度、padding、margin

dream

dream

display: none;                   ###讓標籤消失 

display: inline; ###變為行內標籤

display: block; ###變為塊級標籤

display:inline-block; ###具有inline,預設自己有多少佔多少;具有block,可以設定高度,寬度,padding,margin

dream

yaya

dream

yadream

dream

padding:10px;                ###4個內邊距都是10px

padding:5px 10px; ###上下內邊距是5px,右左內邊距是10px

padding:5px 10px 15px; ###上內邊距是5px,右左內邊距是10px,下內邊距是15px

padding:5px 10px 15px 20px; ###上內邊距是5px,右內邊距是10px,下內邊距是15px,左內邊距是20px

fixed:固定在頁面的某個位置

relative+absolute:做出相對定位

opacity:透明度;從 0.0 (完全透明)到 1.0(完全不透明)

z-index:層級順序,大的在上面

通過fixed屬性我們可以完成標題的固定!!!

標題內容

dreamya

(1)hidden

(2)auto

選擇滑鼠指標浮動在其上的元素,並設定其樣式

logo

全部42區

段子

aa

background-image:url();          ###預設,重複顯示

background-repeat: repeat-x; ###x軸(橫向)重複

background-repeat: repeat-y; ###y軸(向下)重複

###指定顯示位置

background-positon-x:10px;

background-positon-y:10px;

等效於:background-positon:10px 10px;

background-color

background-image

background-repeat

CSS語法基礎CSS語法基礎1 基本語法

css語法基礎css語法基礎1.基本語法 css的定義是由三個部分構成 選擇符 selector 屬性 properties 和屬性的取值 value 基本格式如下 selector 選擇符 選擇符是可以是多種形式,一般是你要定義樣式的html標記,例如body p table 你可以通過此方法定義...

CSS基礎語法

css 語法由三部分構成 選擇器 屬性和值 selector選擇器 selector 通常是你希望定義的 html 元素或標籤,屬性 property 是你希望改變的屬性,並且每個屬性都有乙個值。屬性和值被冒號分開,並由花括號包圍,這樣就組成了乙個完整的樣式宣告 declaration body上面...

CSS 基礎語法

css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。selector下面這行 ...