css相關及背景前景相關

2022-05-18 18:52:15 字數 1478 閱讀 6174

不同型別style權值問題: 內聯》id>屬性.>型別》通用 為0

盒子模型

外層是bb

裡層圖塊是aa

外邊距在bb上

內邊距在aa設定,還可以設定aa的邊框等(border),大小,樣式,顏色。

樣式的背景與前景

background-color:#f90;    /*背景色,樣式表優先順序高*/

background-image:url(路徑);    /*設定背景(預設)*/

background-attachment:fixed;    /*背景是固定的,不隨字型滾動*/

background-attachment:scroll;    /*背景隨字型滾動*/

background-repeat:no-repeat;    /*no-repeat,不平鋪;repeat,平鋪;repeat-x,橫向平鋪;repeat-y,縱向平鋪*/

background-position:center;    /*背景圖居中,設定背景圖位置時,repeat必須為「no-repreat」*/

background-position:right top;    /*背景圖放到右上角(方位可以自己更改)*/

background-position:left 100px top 200px;    /*離左邊100畫素,離上邊200畫素(可以設為負值)*/

字型font-family:"新宋體";    /*字型。常用微軟雅黑、宋體。*/

font-size:12px;    /*字型大小。常用畫素12px、14px、18px。還可以用「em」,「2.5em」即:預設字型的2.5倍。還可以用百分數*/

font-weight:bold;    /*bold是加粗,normal是正常*/

font-style:italic;    /*傾斜,normal是不傾斜*/

color:#03c;    /*顏色*/

text-decoration:underline;    /*下劃線,overline是上劃線,line-through是刪除線,none是去掉下劃線*/

text-align:center;    /*(水平對齊)居中對齊,left是左對齊,right是右對齊*/

vertical-align:middle;    /*(垂直對齊)居中對齊,top是頂部對齊,bottom是底部對齊。一般設定行高後使用。*/

text-indent:28px;    /*首行縮排量*/

line-height:24px;    /*行高。一般為1.5~2倍字型大小。*/

position:

fixe-固定  

absolute-是body直接子標籤,定位在頁面上,不是頁面的直接子標籤,並且父標籤沒有position屬性,同上,不是頁面的直接子標籤,並且父標籤有position屬性,以父標籤為背景  

relative-相對自身的偏移,位置沒有被移除

四個屬性

top:left:right:bottom:

css樣式字型相關屬性及背景相關屬性

css樣式 在外部新建乙個css樣式,在網頁檔案中新增 stylesheet type text css href style.css css之字型相關屬性 字型大小 font size 2px 2 smaller larger 相對于父視窗 字型樣式 font family 微軟雅黑,宋體 當瀏覽...

CSS 背景相關屬性

頁面中可以用 jpg 或者 gif 作為背景圖,這與向網頁中插入不同,背景影象放在網頁的最底層,文字和等都位於其上。background clip 屬性的語法格式如下 background clip border box padding box content box text background...

css 背景設定相關

1.背景基準點 預設背景以padding的起始點開始平鋪,在css3裡面可以設定其基準點 background origin 值 取值 padding box 預設值 從padding的初始位置開始 border box 從邊框的初始位置點開始 content box 從內容區域開始 2.背景縮放 ...