在日常的學(xué)習(xí),、工作,、生活中,，肯定對(duì)各類(lèi)范文都很熟悉吧。那么我們?cè)撊绾螌?xiě)一篇較為完美的范文呢,？這里我整理了一些優(yōu)秀的范文，希望對(duì)大家有所幫助,，下面我們就來(lái)了解一下吧,。
css文字縱向排版篇一
下面由小編為大家?guī)?lái)css使用的9則技巧及縱向書(shū)寫(xiě)與橫向書(shū)寫(xiě)的特點(diǎn)，希望對(duì)大家有所幫助
即使是老手也經(jīng)常會(huì)弄錯(cuò)span的嵌套關(guān)系,?？梢杂胐reamweaver的驗(yàn)證功能檢查一下有無(wú)錯(cuò)誤。
檢查一下有無(wú)拼寫(xiě)錯(cuò)誤,、是否忘記結(jié)尾的 } 等,。可以利用cleancss來(lái)檢查 css的拼寫(xiě)錯(cuò)誤,。cleancss本是為css減肥的工具,，但也能檢查出拼寫(xiě)錯(cuò)誤。
如果錯(cuò)誤影響了整體布局,，則可以逐個(gè)刪除span塊,，直到刪除某個(gè)span塊后顯示恢復(fù)正常，即可確定錯(cuò)誤發(fā)生的位置,。
使用float屬性布局一不小心就會(huì)出錯(cuò),。這時(shí)為元素添加border屬性確定元素邊界，錯(cuò)誤原因即水落石出,。
macie下如果對(duì)float的元素的父元素使用clear屬性,，周?chē)膄loat元素布局就會(huì)混亂。這是macie的著名的bug,，倘若不知道就會(huì)走彎路,。
很多瀏覽器在顯示未指定width的float元素時(shí)會(huì)有bug。所以不管float元素的內(nèi)容如何,，一定要為其指定width屬性,。
另外指定元素時(shí)盡量使用em而不是px做單位。
元素時(shí)有bug,。因此不要對(duì)float元素指定margin和padding屬性(可以在float元素內(nèi)部嵌套一個(gè)span來(lái)設(shè)置margin和padding),。也可以使用hack方法為ie指定特別的值。
如果float元素的寬度之和正好是100%,，某些古老的瀏覽器將不能正常顯示,。因此請(qǐng)保證寬度之和小于99%,。
某些屬性如margin、padding等,，不同瀏覽器會(huì)有不同的解釋,。因此最好在開(kāi)發(fā)前首先將全體的margin、padding設(shè)置為0,、列表樣式設(shè)置為none等
每個(gè)css屬性獨(dú)立一行,，一般不會(huì)出現(xiàn)換行或橫向滾動(dòng)條。
可以通過(guò)firebug等工具查找到模塊,，在dw中ctrl+g行定位,，修改方便。
屬性段落間有縮進(jìn),，保證了代碼的整潔,，層次清楚，符合編程語(yǔ)言代碼規(guī)范,，修改更加直觀,。
存在的問(wèn)題：代碼冗余(如空格符、tab符,、換行符);文件大小增加;容易出現(xiàn)縱向滾動(dòng)條,。
最大化的利用了空間，單屏內(nèi)能顯示更多,，減小了縱向滾動(dòng)條出現(xiàn)的幾率,，能夠快速捕獲較多的信息。
減小了文件大小,，省去了不必要的空格,、換行等。
橫向書(shū)寫(xiě)方便分塊以及注釋?zhuān)阌诓榭碿ss結(jié)構(gòu),，選擇符一目了然,。當(dāng)今顯示器正朝著越來(lái)越大，越來(lái)越寬發(fā)展,，基本上一行內(nèi)可以顯示完全,。
加快編寫(xiě)css速度，不用每次敲換行和tab,，并且減少拉動(dòng)滾動(dòng)條的次數(shù)。
如果是活動(dòng)頁(yè),，不用作壓縮處理,。使用css optimizers 來(lái)優(yōu)化css是提倡的，但是使用橫向書(shū)寫(xiě),，基本上不存在多余的空格和換行,，因此可以不用壓縮,，這樣效率和能力都會(huì)得到提高。
便于閱讀和查找相關(guān)結(jié)構(gòu),。代碼編輯器對(duì)同行數(shù)定位做的都比較好,，因此我們要解決的是如何快速縱向定位目標(biāo)。橫向書(shū)寫(xiě)時(shí)選擇符縱向?qū)R,，再加上
.class_name_2 .class_name_2_1 .class_name_2_1_1的選擇符層次分明,，因此很容易定位到目標(biāo)。
在調(diào)試小bug的時(shí)候就可以直接打開(kāi)css更改,，不用再打開(kāi)firebug去找到模塊,。
橫向書(shū)寫(xiě)，是基于css選擇符的寫(xiě)法,，層次容易對(duì)比,，更利于模塊化。對(duì)整體css規(guī)劃有好處,，后期維護(hù)成本低,。
便于不同版本的css代碼對(duì)比。
存在的問(wèn)題：書(shū)寫(xiě)過(guò)密,，從而影響閱讀,。這種弊端顯而易見(jiàn)，但只要優(yōu)化做到家,，這種狀況會(huì)很少,。
盡管對(duì)于現(xiàn)如今的帶寬來(lái)說(shuō)，網(wǎng)頁(yè)文件那僅以k為單位的大小實(shí)在是微不足道,，但如何將這以k來(lái)計(jì)算的網(wǎng)頁(yè)文件精簡(jiǎn)到最小還是網(wǎng)頁(yè)設(shè)計(jì)師們應(yīng)該考慮的問(wèn)題之一,。而橫向書(shū)寫(xiě)省去了不必要的空格、換行等,，大大減小了文件大小,。我們不能說(shuō)哪種書(shū)寫(xiě)是對(duì)的，至于具體采用哪種寫(xiě)法依個(gè)人選擇,，當(dāng)然改變習(xí)慣可能會(huì)影響一個(gè)人的工作效率,，那我們提倡的是：提交的css樣式文件是經(jīng)過(guò)代碼格式化的，而這個(gè)工作可以完全交給dw等工具,，我們只要點(diǎn)擊一下,，整個(gè)文件就會(huì)像我們想象的那樣呈現(xiàn)出來(lái)。這樣的代碼看起來(lái)很舒服,，修改容易,，團(tuán)隊(duì)成員在后續(xù)交接也會(huì)變得更加順利。
s("content_relate");【淺談css使用的技巧及縱橫向書(shū)寫(xiě)的特點(diǎn)】相關(guān)文章：
1.
css 書(shū)寫(xiě)技巧 css 技巧教程簡(jiǎn)介
2.競(jìng)聘演講稿書(shū)寫(xiě)的技巧及特點(diǎn)
3.關(guān)于網(wǎng)站制作css書(shū)寫(xiě)規(guī)范
4.淺談鋼管技巧動(dòng)作的主要特點(diǎn)
5.狐步舞的特點(diǎn)及技巧
6.員工的激勵(lì)技巧及特點(diǎn)
7.即興演講的特點(diǎn)及技巧
8.淺談公共庭園綠化的特點(diǎn)及要求
