1.html選擇器pa
html選擇器僅僅作用於頁面中相關的標籤
2.類選擇器
.類名不同標籤需要變成同一種樣式時,用類選擇器.
3.id選擇器
#id名
id選擇器作用於有id名的所在行
修飾背景
background-color:背景顏色
background-image:背景,url(路徑)
background-repeat:no-repeat(背景不重複)/repeat-x(延水平方向重複)/repeat-y(延y軸方向重複)
background-position:絕對背景的位置
background-attachment:控制背景是否固定fixed(固定)/scoll(預設值,隨內容滾動)
簡寫方式
body
background:url(img/1.gif) no-repeat center
/* */用來注釋樣式
當三種選擇器同時作用於同一行時,id選擇器的優先順序最高,然後是類選擇器,優先順序最低的是html選擇器.
連線修飾總結
text-decoration:去掉連線的下劃線none(無下劃線)underline(有下劃線)overline(上劃線)
偽類選擇器
a:hover滑鼠懸浮於鏈結
a:active{}:滑鼠正在被按下時鏈結的樣式
a:link{}:未被訪問的鏈結樣式
a:visited{}:已被訪問過的鏈結樣式
對於不同的鏈結,滑鼠懸浮產生不同的顏色,可用偽類選擇器的變異版
.a1:hover{}
.a2:hover{}
.a3:hover{}
其中a1,a2,a3為類選擇器
.a1**修飾
table
background-image:url();
width:550px
組合選擇器:
#user,#pwd
background-image:url();
width:300px
#pwd
包含選擇器
ul li
list-style-image:url()
ol li
list-style-image:url()
盒模型屬性
table,td,text,password/radio/checkbox/button/submit/reset
其中tr不是盒模型
屬性border-style:邊框樣式solid:實線,dashed:虛線,dotted:點線
border-color:邊框顏色
padding-left:寫的內容距左邊框的距離
margin:被修飾元素和周圍元素之間的距離
當定義背景時,
background-image:
width
height
三個屬性要一起走,對於火狐瀏覽器,還有三個屬性一定要寫
border:0px;padding:0px;margin:0px
框架頁
target的四個值
_self:代表在自身頁面開啟乙個視窗(預設)
_blank:代表在新瀏覽器視窗開啟
_top:代表在整個瀏覽器視窗開啟
_parent:在上一級視窗開啟
noresize:表示使用者不能調整框架的大小
frameborder:表示是否要出現框架的邊框
一些自己遺忘的Css樣式
1.首行縮排 text indent 50px 2.內容自動換行 word break break all 允許在單詞內部進行換行 word break keep all 只在空格處或連字元 處換行3.詞間距 word spacing 10px 單詞與單詞之間的間隙為10px,只要有空格出現就認為是...
css 的一些學習(一)
在前端的學習中總會遇到各種各樣的問題,而且是越來越多你所沒有想到的問題,但當你發現並用自己的努力成功解決的那一刻是那麼的爽。所以,一定要堅持做下去,一定可以看到希望。學習總是那樣,知道它運用它掌握它,對css的一些記錄。css的簡介 css 層疊樣式表 cascsding stytle sheets...
css學習的一些心得
摘自http blog.csdn.net aifox archive 2005 12 03 543097.aspx 其實去年的時候,我就有過接觸css了 都是跟著一些網頁教程學做的 無非是用來控制一下link,vlink之類的 那個時候覺得css好像也不過如此,對於層什麼 那個時候很不屑於顧,因為感...