自己學習的一些css

2021-05-24 05:50:45 字數 1730 閱讀 8617

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好像也不過如此,對於層什麼 那個時候很不屑於顧,因為感...