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.通用選擇器 不管什麼...