層疊樣式表(英文全稱: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)通過classdream
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下面這行 ...