欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

網(wǎng)頁(yè)設(shè)計(jì)制作教程:CSS書(shū)寫(xiě)格式

互聯(lián)網(wǎng)   發(fā)布時(shí)間:2009-04-02 19:34:58   作者:佚名   我要評(píng)論
網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介:我理解的優(yōu)點(diǎn)為:一是程序結(jié)構(gòu)清晰易讀,不會(huì)眼花繚亂而影響發(fā)揮;二是最大化利用了空間,單屏內(nèi)能顯示更多定義,提高了開(kāi)發(fā)效率,敲回車(chē)和空格肯定是空格更方便。 這個(gè)CSS書(shū)寫(xiě)格式是我自創(chuàng)的,常有朋

我理解的優(yōu)點(diǎn)為:一是程序結(jié)構(gòu)清晰易讀,不會(huì)眼花繚亂而影響發(fā)揮;二是最大化利用了空間,單屏內(nèi)能顯示更多定義,提高了開(kāi)發(fā)效率,敲回車(chē)和空格肯定是空格更方便。
這個(gè)CSS書(shū)寫(xiě)格式是我自創(chuàng)的,常有朋友提出異議,這里做個(gè)簡(jiǎn)單總結(jié):
    分類(lèi),一個(gè)模塊或者同類(lèi)功能定義為一類(lèi)定義,每類(lèi)定義之間用段落隔開(kāi); 分級(jí),每類(lèi)定義中的每個(gè)定義語(yǔ)句,根據(jù)結(jié)構(gòu)或語(yǔ)意級(jí)別使用Tab縮進(jìn)縱向?qū)R; 分?jǐn)?,每個(gè)定義內(nèi)的每個(gè)屬性定義之間,用“分號(hào) 空格”隔開(kāi),注意定義語(yǔ)句與分號(hào)間無(wú)空格,“{}”內(nèi)前有空格而后無(wú)空格; 連排,每個(gè)定義不換行,一直橫排。某些編輯器會(huì)自動(dòng)換行,但無(wú)大影響,畢竟定義語(yǔ)句很長(zhǎng)的是少數(shù);
在Dreamweaver效果_jb51.net
我理解的優(yōu)點(diǎn)為:一是程序結(jié)構(gòu)清晰易讀,不會(huì)眼花繚亂而影響發(fā)揮;二是最大化利用了空間,單屏內(nèi)能顯示更多定義,提高了開(kāi)發(fā)效率,敲回車(chē)和空格肯定是空格更方便。當(dāng)然,如果需要做的更好,還得加上合理的注釋。
有人質(zhì)疑這么書(shū)寫(xiě)可能會(huì)造成太擠密,從而導(dǎo)致橫排閱讀困難。這種弊端是顯而易見(jiàn)的,但實(shí)際應(yīng)用中,大面積復(fù)雜語(yǔ)句堆在一起的情況,與CSS定義精髓相沖突。也就是說(shuō),只要優(yōu)化做到家,這種狀況會(huì)很少。
另外使用某些編輯器也能避免這些問(wèn)題,比如UltraEdit有一個(gè)橫排操作區(qū)域提示,用來(lái)代替記事本快速編輯時(shí)很有效。 在UltraEdit效果_jb51.net
仁者見(jiàn)仁智者見(jiàn)智的問(wèn)題,這和自己習(xí)慣的開(kāi)發(fā)環(huán)境有很大關(guān)系。個(gè)人愚見(jiàn),僅供參考。
#p#
我理解的優(yōu)點(diǎn)為:一是程序結(jié)構(gòu)清晰易讀,不會(huì)眼花繚亂而影響發(fā)揮;二是最大化利用了空間,單屏內(nèi)能顯示更多定義,提高了開(kāi)發(fā)效率,敲回車(chē)和空格肯定是空格更方便。
關(guān)于書(shū)寫(xiě)習(xí)慣,遵循曾經(jīng)總結(jié)過(guò)的風(fēng)格標(biāo)準(zhǔn),現(xiàn)在一點(diǎn)都沒(méi)有變。并且近來(lái)翻看高手作品,橫向連排似乎在大產(chǎn)品項(xiàng)目中逐漸成為主流,個(gè)人認(rèn)為如此維護(hù)效率的確更高,并且未來(lái)顯示器肯定是朝越來(lái)越大、越來(lái)越寬發(fā)展。
通常我維護(hù)別人作品第一步都是調(diào)整空格,基本下圖這個(gè)造型的樣式表都是我寫(xiě)的,只有我這種眼里不揉沙子的人才對(duì)多個(gè)、少個(gè)空格如此敏感。至于效果上有什么影響,不妨對(duì)比參考。代碼編輯器對(duì)同行數(shù)定位做的都比較好,因此我們要解決的是如何快速縱向定位目標(biāo)。 css_format_jb51.net
并且我觀(guān)察到最近流行的柵格化、漸進(jìn)增強(qiáng)等設(shè)計(jì)理念,都可以很好應(yīng)用到樣式表設(shè)計(jì)上。好代碼應(yīng)該清晰上下、左右分級(jí),適當(dāng)?shù)姆謮K、留白將有助于模塊化設(shè)計(jì),大大提高可擴(kuò)展性、可復(fù)用性、可維護(hù)性,總的來(lái)說(shuō),書(shū)寫(xiě)有如下四個(gè)方面值得探討,并積累個(gè)人習(xí)慣:
    命名 屬性書(shū)寫(xiě)順序 屬性書(shū)寫(xiě)格式 注釋格式

如果再加上各種Hack語(yǔ)法,以及-moz-, -webkit-等私有定義,這個(gè)事情復(fù)雜無(wú)比。不過(guò)在組織角度可以輕而易舉想到,應(yīng)該把它們獨(dú)立出來(lái)并分開(kāi)調(diào)用。學(xué)問(wèn)很大,先理好思路,有空再好好總結(jié)。下圖是最近改個(gè)人網(wǎng)站的代碼片段: css_write_jb51.net
前幾天用Css3語(yǔ)句text-shadow在繁體某中文情況下,成功將Chrome2兩次搞死,不得已降級(jí)Chrome1使用。值得一提的是,text-shadow效果非常好,淡淡的陰影甚至有點(diǎn)水墨效果。從最近發(fā)展來(lái)看,各瀏覽器往標(biāo)準(zhǔn)化靠攏前進(jìn)的步子將越來(lái)越大。
可預(yù)見(jiàn)的將來(lái),Css將代替很大部分視覺(jué)設(shè)計(jì)工作,以后web設(shè)計(jì)稿子幾乎可以不再使用畫(huà)圖這種原始辦法。也就是說(shuō),將來(lái)web視覺(jué)設(shè)計(jì)知識(shí)體系將進(jìn)一步與編碼結(jié)合。近三年我工作重點(diǎn)方向并不在頁(yè)面結(jié)構(gòu)&表現(xiàn)之上,但原型框架圖我都提倡使用HTML提高效率,同時(shí)也全部手寫(xiě)實(shí)現(xiàn)?;炯寄芏鄤?dòng)手沒(méi)壞處,至于效率嘛?無(wú)他,唯手熟耳。
經(jīng)常與習(xí)慣欠佳的同行開(kāi)玩笑,寫(xiě)代碼也要注意矜持,你不是一個(gè)人在戰(zhàn)斗。好代碼就算用記事本打開(kāi)也是藝術(shù)品,何況是在做設(shè)計(jì)。樣式表在編輯器里被打開(kāi),本身就是個(gè)信息設(shè)計(jì)作品。

相關(guān)文章

  • 引用css樣式的書(shū)寫(xiě)格式詳解

    下面小編就為大家?guī)?lái)一篇引用css樣式的書(shū)寫(xiě)格式詳解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-08-03
  • CSS書(shū)寫(xiě)格式、一個(gè)手機(jī)頁(yè)面的基本結(jié)構(gòu)詳解

    這篇文章主要介紹了CSS書(shū)寫(xiě)格式、一個(gè)手機(jī)頁(yè)面的基本結(jié)構(gòu),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-04-09

最新評(píng)論