一直從事ios開發(fā),前段時(shí)間接觸到前端,簡(jiǎn)單的學(xué)習(xí)了一下css麸祷,下面給大家簡(jiǎn)單的說一下,我使用css來寫一個(gè)頁面的心得與體會(huì)褒搔。.我是在w3c那里阶牍,通過看文檔對(duì)css有了初步的認(rèn)識(shí),css的知識(shí)點(diǎn)整體看起來并不難星瘾。都是一些屬性走孽。但是如果僅僅是這樣,那你就大錯(cuò)特錯(cuò)了琳状,其實(shí)css并沒有人們想象中的那么簡(jiǎn)單磕瓷。先來說一下css的行內(nèi)元素
行內(nèi)元素(inline):元素在一行內(nèi)水平排列,高度由元素的內(nèi)容決定,height屬性不起作用困食,行內(nèi)元素也稱為內(nèi)聯(lián)元素边翁。如span,input等元素。
常見的行內(nèi)元素有:
–a–錨點(diǎn)
–abbr–縮寫
–acronym–首字
–b–粗體(不推薦)
–bdo–bidi override
–big–大字體
–br–換行
–cite–引用
–code–計(jì)算機(jī)代碼(在引用源碼的時(shí)候需要)
–dfn–定義字段
–em–強(qiáng)調(diào)
–font–字體設(shè)定(不推薦)
–i–斜體
–img–圖片
–input–輸入框
–kbd–定義鍵盤文本
–label–表格標(biāo)簽
–q–短引用
–s–中劃線(不推薦)
–samp–定義范例計(jì)算機(jī)代碼
–select–項(xiàng)目選擇
–small–小字體文本
–span–常用內(nèi)聯(lián)容器陷舅,定義文本內(nèi)區(qū)塊
–strike–中劃線
–strong–粗體強(qiáng)調(diào)
–sub–下標(biāo)
–sup–上標(biāo)
–textarea–多行文本輸入框
–tt–電傳文本
–u–下劃線
行內(nèi)元素的特點(diǎn):
–1.設(shè)置寬度width無效倒彰。
–2.設(shè)置高度height無效,可以通過line-height來設(shè)置莱睁。
–3.設(shè)置margin只有左右margin有效待讳,上下無效。
4.設(shè)置padding只有左右padding有效仰剿,上下則無效创淡。注意元素范圍是增大了,但是對(duì)元素周圍的內(nèi)容是沒影響的南吮。
5.和其他元素在同一行
6.行內(nèi)元素只能容納文本或者其他行內(nèi)元素