一.css是增加html的樣式,擁有對網頁物件和模型樣式編輯的能力:
(1).在html中引入css有3種方式
1.外部樣式表
2.內部樣式表
3.內聯樣式表
(2)css選擇元素的方式、
1.元素選擇器(通過元素名字進行選擇)
、 2.id選擇器
3.class選擇器
4.子元素選擇器
5.相鄰選擇器
如果需要選擇緊接在另乙個元素後的元素,而且二者有相同的父元素,可以使用相鄰兄弟選擇器
例如,如果要增加緊接在 h1 元素後出現的段落的上邊距,可以這樣寫:
h1 + p這個選擇器讀作:「選擇緊接在 h1 元素後出現的段落,h1 和 p 元素擁有共同的父元素」。
6.群組選擇器
例項h1, h2, h3, h4, ul, p, #aaa, #bbb
二。
(1)一般樣式
向左對齊:
去掉超連結下劃線:
(2)盒子模型
margin(外邊距):定義元素與元素之間的距離
padding(內邊距):用於定義內容與邊框的距離
居中顯示:margin:0 auto;
清零外邊距:*、
邊框簡寫: border:20px solid bule;( 邊框:大小 實線 顏色)
(3)行內元素與塊狀元素
(4)定位布局
1.固定定位:fixed (相對於瀏覽器)
2.相對定位:relative (相對於原始位置計算)
3.絕對定位:absolute(預設相對於瀏覽器。當父類元素為相對定位,就相對於父類的位置)
例;position:fixed
right:5px
top:10px
CSS層疊樣式表
一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊,並根據它來格式化文件 ...
CSS層疊樣式表
html主要控制內容 css主要控制格式。樣式表是用來指定樣式資訊的句法機制。之所以將css稱為層疊樣式表,是因為它可以在3個層次上進行定義。內聯樣式表位於開始標籤中,其設定只對該元素起作用 文件樣式表位於文件的頭部區域,能夠作用於文件的整個主體。文件樣式表的說明是作為乙個 3.通用選擇器 不管什麼...
css層疊樣式表
如何定義?在html文件的head中新增style標籤,樣式定義其中。樣式分選擇器和樣式規則兩個部分 使用link標籤匯入外部的css 選擇器 1 標籤選擇器 作用範圍,當前頁面中所有的該型別的標籤 2 類選擇器 a 定義,使用點操作符進行定義,類名在點後,沒有空格,如 bule b 應用,為應用該...