css基礎 基礎選擇器,字型屬性,文字外觀

2021-10-05 10:41:26 字數 1202 閱讀 9482

基礎選擇器 p

1.1 標籤選擇器 標籤

頁面上全部相同標籤

1.2 class(類選擇器)

.名字 div class=「名字」

1.3多類名選擇器

減少**量

方便**的後期維護

多類名與css的先後順序有關係,與html結構裡面的class類名順序沒有關係

多類名的新增,以空格的形式

1.4 id選擇器

html:

css: #名字

id與class選擇器的區別: id的名字是唯一的(體現在js裡面) class名字可以任意多個

1.5 *萬用字元 選擇所有的 一般初始化使用

字型屬性font

font-size 字型大小,一定要加上px,否則無效

30px

谷歌瀏覽器預設字型大小16px

font-family 字型種類

「微軟雅黑」,「宋體」

谷歌瀏覽器預設字型微軟雅黑

font-weight 字型加粗變細

normal 400

bold 700

bolder

lighter

number 100-900

font-style

normal 不傾斜

italic 斜體

font連寫

style weight size/line-height family

size famil不能省略

文字外觀

color

英文單詞 red/green/bule

十六進製制 #00ff33

rgb(0-255, 0-255, 0-255)

text-align 對齊方式

left

right

center 居中

p,h,div可以直接設定

span,a,strong,em,ins不能直接設定,需要給父盒子設定

text-decoration 下劃線

overline

underline

line-through

none

text-indent

2emem是相對單位,當前元素的font-size大小

line-height

line-height: 30px 行高為30px

行間距上間距

下間距文字大小

CSS的字型屬性 選擇器

css的樣式規則 1.選擇器用於指定css樣式作用的html物件 2.屬性和屬性值以 鍵值對 的形式出現 3.屬性是對指定物件設定的樣式屬性 如字型大小 顏色 css字型屬性 font size 字型大小大小 px最常用 font family 字型 font weight 字型粗細 normal ...

CSS 基礎選擇器

css cascading style sheet,層疊式樣式表,即乙個標籤可以同時被多種選擇器選擇,標籤選擇器 id選擇器 類選擇器。這些選擇器都可以選擇上同乙個標籤,從而影響樣式。基礎選擇器 1.標籤選擇器,就是標籤的名字。追光者如果說你是遙遠的星河 耀眼得讓人想哭我是追逐著你的眼眸總在孤單時候...

CSS基礎選擇器

派生選擇器 index.html charset utf 8 title rel stylesheet href mycss.css type text css head 我是黑色,因為我不在列表當中,所以這個規則對我不起作用strong p 我是紅色,這是因為 strong 元素位於 li 元素內...