css常用標籤

2022-09-18 10:21:34 字數 2151 閱讀 5625

1.css背景樣式

background-color:背景色

background-image:背景圖

url(背景圖位址)

預設:會水平垂直都鋪滿背景圖

background——repeat:平鋪方式

repeat-x:x軸平鋪

repeat-y:y軸平鋪

repeat(x,y都進行平鋪,預設值)

no——repeat 都不平鋪

background-position:背景位置

x,y:number(px,%)|單詞

x:left:center:right

y:top,cent,bottom

background-position:背景滾動條移動的方式

scroll:預設值(背景位置是按照當前元素進行偏移的)

fixed(背景位置是按照瀏覽器進行偏移的)

2.css邊框樣式

border-style:邊框樣式

solid:實線

dasher:虛線

dotted:點線

border-width:邊框大小

px....

border-color:邊框顏色

red #f00...

邊框也可以針對某一邊進行單獨設定:border-left-style:.......

3.css文字樣式

font-family:字型型別

英文本型:arial,times new roman

中文字型:微軟雅黑,宋體

注意點:

1.多個字型型別設定目的

2.引號的新增目的

font-size:字型大小

預設:16px

寫法:number(px)|單詞(small large ...不推薦使用)

font-weight:字型粗細

模式:正常(normal) 加粗(bold)

寫法:單詞(normal,bold)|number(600px以上是加粗)

font-style:字型樣式

模式:正常 (normal) 斜體 (italic)

寫法:單詞:normal,italic

4.css段落樣式

text-decoration:文字裝飾

下劃線:underline

上劃線:overline

刪除線:line-through

不新增任何裝飾:none

新增多個文字修飾:underline,overline,line-through

text-transform:文字大小寫

小寫:lowercase

大寫:uppercase

只讓首字母進行大寫:capitalize

text-indent:文字縮排

首行縮排:text-indent:numberpx

em單位:相對單位,1em永遠跟字型大小相對應

text-align:文字對齊

左對齊:text-align:left;

右對齊:text-align:right;

居中:text-align:center;

兩端點對齊:text-align:justify;

line-height:定義行高(行高,一行文字的高度,上邊距和下邊距等價,預設行高不是乙個固定值,根據當前字型大小再不斷變化)

取值:1.number(px)| scale(比例值,跟文字大小成比例的,1=16px)

lett-spacing:定義字距離

word-spacing:定義詞距離(針對英文)

強行折行:(針對英文,數字)

1.word-break:break-all(非常強烈的折行)

2.word-wrap:break-word:(不是那麼強烈的折行,會產生一些空白區域)

5.css復合樣式

符合寫法:是通過空格方式實現的。復合寫法有的不需要關心順序,例如:background,border,有的需要關心順序,例如:font

1.background:red url() repeat 0 0;

2.border:1px red solid

3.font:

注:最少要有兩個值 size family

weight style size family

size/line—height

CSS常用標籤

選擇器分為class選擇器和id選擇器 id選擇器編寫樣式以 id名稱,class選擇器則為.class名稱 插入樣式表的方法有三種 外部樣式表 external style sheet 內部樣式表 internal style sheet 內聯樣式 inline style style css樣式...

css常用標籤

color 99999 文字顏色 font family 宋體,sans serif 字型顏色 font size 9pt 字型大小 line height 100 設定行高 font weight bold 文字粗體 vertical align sub 下標字 vertical align su...

HTML和CSS常用標籤

背景圖 background image 邊框的樣式 批量建立 父元素 子元素 屬性 span標籤 在行內定義乙個區域,也就是一行內可以被劃分成好幾個區域,從而實現某種特定效果。本身沒有任何屬性。例子logo標籤 g o o g le 標題巢狀的過程中,必須先結束的靠近內容的標題,再按照由內及外的順...