CSS基礎知識

2022-06-16 10:30:10 字數 1029 閱讀 4969

第一篇部落格,寫的不好勿噴!!!!!!!!

學習css,你得知道下圖中的這些屬性和它們的使用方法。

通過上圖,我們可以發現,css的內容量不是很多。只要花一些時間,還是可以全部記住的,下面是我為大家具體的分類。

文字樣式 

line-height:行高

letter-spacing:字間距 

text-decoration:標題處關鍵字的下劃線 

font-style:字型風格設定

font-weight:字型粗細 

border-style:邊框樣式 

border-width:邊框粗細 

vertical-align:相對於文字對齊方式

背景 background-image:新增背景 

background-color:要使用的背景顏色

background-repeat:背景的重複方式 

background-position:背景的位置 

background-attachment:固定背景

也可以簡寫變成 background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; 這樣

css設定**與表單的樣式 

border-collapse:邊框重疊 

list-style-type:用來清除li列表前面的序號、標記

設定頁面和瀏覽器的元素 

:新增超連結 

a:link:超連結的普通樣式 

a:hover:滑鼠經過超連結上的樣式 

cursor:設定滑鼠的顯示樣式

:link   :visited  :hover  :active  這些是css偽類,關於偽類我們以後具體再說

a標籤的這四個偽類定義的順序不同,也會直接導致鏈結顯示的效果不同。 

基礎的css就這麼多啦,是不是很簡單,關於定位那一塊,我以後再寫啦!

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...

CSS基礎知識

css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...

css基礎知識

css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...