CSS層疊樣式表

2021-09-26 09:06:39 字數 2491 閱讀 5991

1.css層疊樣式表 cascading style sheets 多個樣式可以層層覆蓋疊加,如果不同的css樣式對同乙個html標籤進行修飾,有衝突是使用優先    級高的。

2.css特點:a豐富的樣式定義 b易於使用和修改 c 多頁面應用 d層疊 e頁面壓縮

3.語法規則,兩部分  a選擇器 選擇器通常是需要改變的樣式

b 一條或多條宣告 由乙個屬性和值組成(css對大小寫不敏感)

4.(1)內聯方式:css樣式嵌入到html標籤當中,類似屬性的用法,可以單獨設定某個元素樣式,不利於樣式重用

(2)內部樣式:head標籤中使用style標籤引入css,可以控制頁面中多個元素樣式,只能乙個頁面使用

(3)外部樣式:將css樣式抽成乙個單獨檔案,多個頁面可以同時使用。

優先順序:內聯樣式》內部樣式》外部樣式

5.css選擇器:

a標籤選擇器:在中使用style標籤引入在其中宣告標籤選擇器,html標籤屬性,屬性值

b.id選擇器

c class選擇器 

優先順序  id class 標籤

6.css屬性:font-size:字型大小

font-family:文字的字型

font-style:規定斜體字 italic 文字斜體顯示  oblique 文字傾斜顯示

font-weight:文字的粗細100~900 九級加粗度,100最細 400等價於normal,700等價於bold;

文字屬性:color 設定文字顏色

text-indent:5em 縮排元素中文字的首行,取值型別 text—indent:5em;第一行縮排五個字元

text-indent:20% 表示此段落第一行縮排父容器寬度的百分之二十;

text-decoration:none 關閉原本應用到乙個元素的所有裝飾

underline 新增下劃線

overline 頂端上劃線

line-through 文字中間畫乙個貫穿線

blink 讓文字閃爍

text-aligh 對齊

word-spacing 字元之間的間隔

letter-spacing 單詞或者字母之間的間隔

line-height 設定行高

7.背景屬性

background-color 背景顏色,預設透明

background-repeat:repeat-y 垂直方向平鋪

repeat-x水平方向平鋪

repeat 水平垂直方向平鋪

no-repeat任何方向都不平鋪

background-position 改變影象在背景中的位置,top bottom left right center

可以簡寫沒有順序

8.列表屬性 list-style-type:decimal改變列表的標誌型別

list-style-image:url(「images/***.gif「)inside

9.尺寸顯示輪廓屬性

width 設定元素的寬度

height:設定元素的高度

display:none 不顯示,block 塊顯示  inline行級顯示   inline-block 行級塊 outline-style:繪製於元素周圍的一條線

10.浮動屬性 模擬浮動的塊 display

靜態定位static 

相對定位 relative

絕對路徑 absolute 相對於最近的已定位祖先元素,如果元素沒有已定位的祖先元素,那麼他的位置相對於視窗本身。

固定位置 fixed **左下角和右下角的廣告,往下滑動還是有的。

11.css 盒子模型,border 邊框   margin 外邊框     padding 內邊距  element乙個元素 height元素高度  width元素寬度

邊框的屬性:border-style  邊框樣式 solid實線,double實心線, dashaed虛線組成的邊框,dotted圓點組成的邊框

邊框的顏色:border-color

邊框的寬度: border-width

外邊距屬性:margin 邊框和邊框外層的元素距離

四個方向的距離順序(top right bottom left)

12.css3擴充套件屬性

1.border-radius 圓角屬性  border-radius:20px;

2.box-shadow 新增陰影 box-shadow:10px 10px 5px 顏色;

3.background-size 規定背景的尺寸 ,

4.background-image 未指定元素使用多個背景影象,   

background-position :順時針

CSS層疊樣式表

一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊,並根據它來格式化文件 ...

CSS(層疊樣式表)

一.css是增加html的樣式,擁有對網頁物件和模型樣式編輯的能力 1 在html中引入css有3種方式 1.外部樣式表 2.內部樣式表 3.內聯樣式表 2 css選擇元素的方式 1.元素選擇器 通過元素名字進行選擇 2.id選擇器 3.class選擇器 4.子元素選擇器 5.相鄰選擇器 如果需要選...

CSS層疊樣式表

html主要控制內容 css主要控制格式。樣式表是用來指定樣式資訊的句法機制。之所以將css稱為層疊樣式表,是因為它可以在3個層次上進行定義。內聯樣式表位於開始標籤中,其設定只對該元素起作用 文件樣式表位於文件的頭部區域,能夠作用於文件的整個主體。文件樣式表的說明是作為乙個 3.通用選擇器 不管什麼...