CSS基礎語法

層疊樣式表(英文全稱：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語法基礎CSS語法基礎1 基本語法

CSS基礎語法

CSS 基礎語法

CSS基礎語法

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

CSS基礎語法

CSS 基礎語法

相關推薦