638      阿裏雲  技術社區[雲棲]

html內聯元素，偽類選擇器，字體設置 表單，做網頁流程

內聯元素隻在行內發揮作用,
而塊狀元素顯示效果為一個矩形區域

內聯元素不能設置width,height,
也不能設置豎起方向的margin,padding

2:內聯元素與塊狀元素如何轉化?
答:display:block/inline/none

3:舉出你在項目中用到的內聯元素轉塊狀的例子?
圖片空白的解決,
a標簽設置寬高時.

4:a標簽的4個偽類選擇器及順序?
a:link, a:visited ,a:hover,a:active
l v h a

5:字體控製的5個順序
font-style,font-weight,font-size/line-height,font-family

設置font可以直接寫

font:12px/30px Arial,"微軟雅黑","宋體";
同時用的時候，必須加字體，會去選擇字體，根據電腦上有的字體會自動解析

6:背景的屬性
color,
url,
repeat-x/-y,no-repeat
attchment:fixed/scorll
postion:可以用在多個元素共用一張背景.(在大網站中,可以減少請求,減輕服務器壓力)

1:font-family的可否填多種字體?
可以
2:如果多種,該用什麼樣的原則來決定字體的出現順序?
先特殊再普通
細化說明:
先英文字體再中文字體
先特殊字體再安全安全
先具體字體,再到字體大類

3:字體可大致歸為哪兩類?
有襯線 -- serif  --(如宋體)
無襯線 -- sans-serif (黑體)

4:請說出在html中以下字符該如何合理的顯示出來?
>,<,空格
&gt;
&lt;
&nbsp;
-----這種東西叫"符號實體"

5:如何解決IE6雙倍margin的bug?
雙倍margin bug是指IE6
對於浮動元素,其浮動方向上的margin值將會加倍,導致的bug.
例:float:left;margin-left:10px;
那麼實際體現的margin-left是20px;

解決:給這種元素設置 _display:inline;

1:列舉你知道的表單類型及寫法
文本框: input type="text"
密碼框: input type="password"
單選框: input type="radio"
複選框: input type="checkbox"
提交按鈕: input type="submit"
重置按鈕: input type="reset"
點擊按鈕: input type="button"
文件域: input type="file"
隱藏域: input type="hidden"
圖像按鈕:input type="image" src=""

下拉框: <select name=""><option value="大學">大學</option></select>
文本域: <textarea></textarea>

2:文件上傳域能否加默認值?
答:不能

3:做網頁的分析流程?
單個網頁:
先分析的布局,先用div把塊劃開,
然後再用css控製,撐開頁麵.
再在div裏麵放置語義標簽比如: ul,li,p,h2,h1,span,a
這些標簽裏放文字

再次通過css控製文字的顯示效果,如字體,顏色,樣式,下線劃等等

做整個網站,如何分析?

1:首先觀察所有頁麵的共同區域.
2:針對共同區域做一個框架頁麵或者模板頁麵

這時應該形成2個css文件, 初始化css,及框架css

3:然後再做具體的頁麵,並且具體頁麵上用到的css也形成單獨的css文件.

4:框架集如何點擊左側的鏈接,頁麵在右側顯示?
答:給右側的frame 加一個name
左側的鏈接,加 target='定義的name'

如果想讓鏈接跳出框架,用target="_top"

最後更新：2017-04-04 07:03:25

  上一篇： 福布斯：穀歌應拆分為三家公司嗎？

  下一篇： OpenGL ES 2.0編程指南中文版.