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的...