CSS文字屬性和選擇器

2021-10-04 16:18:00 字數 1758 閱讀 3332

border-width:10px 不能是百分比 border-color:邊框顏色預設為文字顏色

邊框樣式 border-style:預設為none(沒有、空) solid實線、 dashed短橫狀虛線 double雙線(邊框寬度3px起步)

border:10px solid 顏色,(四周10px的實線)

border復合屬性:border-top、border-rigth、border-bottom、border-left(給單邊新增樣式)

overflow:文字的溢位控制

font-family:字型樣式

font-size:字型大小 谷歌預設字型大小16px

text-align:center 居中,預設居左(left)

text-align:center(居中) 、left(預設) 、right

text-align能讓標籤內的文字,行內元素,行內塊元素居中

從設定的角度,如果希望文字和行內元素和行內塊元素水平居中,需要給父元素設定text-align:center

line-height:行高

font-weight:400(normal)預設不加粗 ,700(bold)加粗

text-indent:首行縮排單位em ,1em等於當前標籤的大小

web標準:結構、樣式、行為進行分離

①獨佔一行

②設定寬高起作用,在不設定寬度時,寬度和父元素一樣

塊元素有html、body、div、h1-h6,p,ul , ol , li , dl, dt, dd, hr ,form

①一行存在多個,設定寬高不起作用

②寬高由內容決定

③文字沿著基線對齊

④行內顯示模式的元素是用來修飾文字的

行內元素有span、a、b、strong、i、em、u、ins、s、del

①一行存在多個,設定寬高起作用和文字的基線對齊

行內元素有img、表單標籤input

display:inline-block;

display:block;

display:inline;

塊元素在不設定寬度時,和父元素一樣寬

css優先順序關係:id選擇符(唯一性)>class選擇符(類)>標籤選擇符

權重值計算 :!important 絕對優先

當權重相同時,後定義的,權重不同,實現權重高的,

標籤選擇器《類選擇器通配選擇符:* 適用於當前html文件的所有物件

*

後代選擇符:html的巢狀關係,選擇前者內部的後代物件

物件名之間用空格分隔,用【空格】代表包含關係

不管有多少代,樣式作用的物件僅限於最後乙個物件

div p

子代選擇符:物件a>物件b,作用於b

article  h1>a

群組選擇符:將統一樣式一次性用於多個選擇符物件 用【,】隔開

h1,h2,h3,h4

指定選擇符:標籤名.class類名 class=「xieti」

p.xieti

盒子模型

節點、塊

主要是用於文章或文字區域的box min-width最小寬度,max-width最大寬度 padding、width、height不能負值,margin設定盒子的位置,並不屬於盒子本身,可以為負值(向左走)

css選擇器(02)和文字屬性

1.css選擇器 1 a標籤的第乙個兒子b採用此樣式 a b first child 2 未啟用的狀態採用此樣式 a link 3 啟用後的狀態採用此樣式 a visited 4 滑鼠懸浮在上面時採用此樣式 a hover 5 滑鼠按住時採用此樣式 a active 6 字型大小 font size...

基本選擇器和文字屬性

en class author 1928年11月06日 align left hspace 45 align left width 600 height 300 再別康橋 是現代詩人徐志摩膾炙人口的詩篇。是新月派詩歌的代表作品。全詩以離別康橋時感情起伏為線索,抒發對康橋依依惜別的深情。語言輕盈柔和,...

css選擇器的基本屬性方法

css選擇器 a 基本選擇器 b 層選擇器 c 屬性選擇器 d 結構性偽類選擇器 e 其他選擇器 1.基本選擇器 id選擇器 選擇器 id 的屬性值 class選擇器 選擇器 class的屬性值 標籤選擇器 標籤名作為選擇器 萬用字元匹配所有 2.標籤選擇器 a 匹配input標籤中屬性為name的...