??? 相信CSS對網(wǎng)站設計高手來(lái)說(shuō)都不是一個(gè)陌生的詞匯，CSS的出現使得我們的網(wǎng)站設計更容易被閱讀，為網(wǎng)站建設行業(yè)的發(fā)展注入了血液。嘉興網(wǎng)站建設公司嘉興科技今天就和大家分享CSS在網(wǎng)站設計中的常用技巧。
??? 第一點(diǎn)，網(wǎng)站設計中Block和inline元素對比
??? 其實(shí)，所有的HTML元素都屬于block和inline兩者中之一，但BLOCK和INLINE又各自有著(zhù)不同的特點(diǎn)。??? block的特點(diǎn)主要體現在以下幾個(gè)方面： ????? 1、block總是在新行上開(kāi)始； ????? 2、block的高度，行高以及頂和底邊距都可控制； ????? 3、block的寬度缺省是它的容器的100%，除非設定一個(gè)度?? 而INLINE元素在網(wǎng)站設計中的特點(diǎn)則主要表現在如下幾個(gè)方面：????? 1、inline總是和其他元素在一行上； ????? 2、inline的高，行高及頂和底邊距不可改變； ????? 3、inline的寬度就是它的文字或圖片的寬度，不可改變
??? 第二點(diǎn)，網(wǎng)站設計中的box黑客方法
??? 網(wǎng)站設計中之所以會(huì )存在如此多的box黑客方法，主要是因為在IE6之前的IE瀏覽器對box的理解跟別人都不一樣，它的寬度要包含邊線(xiàn)寬和空白。??? 要想讓IE5同其他瀏覽器保持一致，大連網(wǎng)站建設公司靈風(fēng)網(wǎng)絡(luò )建議大家可以使用以下辦法：?? ?????? padding: 2em; ?????? border: 1em solid green; ?????? width: 20em; ?????? width/**/:/**/ 14em;?? 嘉興網(wǎng)頁(yè)設計 第一個(gè)寬度是所有瀏覽器都能讀懂的指令，但IE5.x卻不能讀懂第2行的寬度設置，因為那一行上有空白的注釋符號，所以IE5.x就用20減掉一些空白，而其他瀏覽器則會(huì )用14作為寬度，因為它是第2行，會(huì )覆蓋掉第1行。
??? 第三點(diǎn)，網(wǎng)站設計中的頁(yè)面最小寬度
??? 嘉興網(wǎng)站建設公司嘉興科技認為min-width是個(gè)非常方便的CSS命令，它可以指定頁(yè)面的最小寬度，保證排版的高準確率，可惜的是IE無(wú)法理解它的意思，而把width當成是最小寬度使用，為了解決IE的這一現狀問(wèn)題，在網(wǎng)站設計中可以使用以下CSS指令：??? #container ??? { ??? min-width: 600px; ??? width:expression(document.body.clientWidth < 600? "600px": "auto" ); ??? }??? 實(shí)際上也就是讓IE通過(guò)Javascript的判定最小寬度。?????? 網(wǎng)站設計IE實(shí)現最大寬度CSS指令同理可寫(xiě)為：?????? #container ?????? { ??? max-width: 1200px; ??? width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? ”1200px“ : ”auto"; ??? }
??? 第四點(diǎn)，網(wǎng)頁(yè)設計要區分大小寫(xiě)
??? 當我們在XHTML中使用CSS時(shí)，CSS里定義的元素名稱(chēng)是區分大小寫(xiě)的。為了避免類(lèi)似錯誤的出現，液。嘉興網(wǎng)站建設公司嘉興科技建議所有的定義名稱(chēng)都可以采用小寫(xiě)。
