最新css文字縱向排版優(yōu)質(zhì)

格式:DOC 上傳日期:2023-04-24 06:30:51
最新css文字縱向排版優(yōu)質(zhì)
時(shí)間:2023-04-24 06:30:51     小編:zdfb

在日常學(xué)習(xí)、工作或生活中,大家總少不了接觸作文或者范文吧,通過文章可以把我們那些零零散散的思想,聚集在一塊。范文書寫有哪些要求呢?我們怎樣才能寫好一篇范文呢?接下來小編就給大家介紹一下優(yōu)秀的范文該怎么寫,我們一起來看一看吧。

css文字縱向排版篇一

下面由小編為大家?guī)韈ss使用的9則技巧及縱向書寫與橫向書寫的特點(diǎn),希望對大家有所幫助

即使是老手也經(jīng)常會弄錯(cuò)span的嵌套關(guān)系??梢杂胐reamweaver的驗(yàn)證功能檢查一下有無錯(cuò)誤。

檢查一下有無拼寫錯(cuò)誤、是否忘記結(jié)尾的 } 等??梢岳胏leancss來檢查 css的拼寫錯(cuò)誤。cleancss本是為css減肥的工具,但也能檢查出拼寫錯(cuò)誤。

如果錯(cuò)誤影響了整體布局,則可以逐個(gè)刪除span塊,直到刪除某個(gè)span塊后顯示恢復(fù)正常,即可確定錯(cuò)誤發(fā)生的位置。

使用float屬性布局一不小心就會出錯(cuò)。這時(shí)為元素添加border屬性確定元素邊界,錯(cuò)誤原因即水落石出。

macie下如果對float的元素的父元素使用clear屬性,周圍的float元素布局就會混亂。這是macie的著名的bug,倘若不知道就會走彎路。

很多瀏覽器在顯示未指定width的float元素時(shí)會有bug。所以不管float元素的內(nèi)容如何,一定要為其指定width屬性。

另外指定元素時(shí)盡量使用em而不是px做單位。

元素時(shí)有bug。因此不要對float元素指定margin和padding屬性(可以在float元素內(nèi)部嵌套一個(gè)span來設(shè)置margin和padding)。也可以使用hack方法為ie指定特別的值。

如果float元素的寬度之和正好是100%,某些古老的瀏覽器將不能正常顯示。因此請保證寬度之和小于99%。

某些屬性如margin、padding等,不同瀏覽器會有不同的解釋。因此最好在開發(fā)前首先將全體的margin、padding設(shè)置為0、列表樣式設(shè)置為none等

每個(gè)css屬性獨(dú)立一行,一般不會出現(xiàn)換行或橫向滾動條。

可以通過firebug等工具查找到模塊,在dw中ctrl+g行定位,修改方便。

屬性段落間有縮進(jìn),保證了代碼的整潔,層次清楚,符合編程語言代碼規(guī)范,修改更加直觀。

存在的問題:代碼冗余(如空格符、tab符、換行符);文件大小增加;容易出現(xiàn)縱向滾動條。

最大化的利用了空間,單屏內(nèi)能顯示更多,減小了縱向滾動條出現(xiàn)的幾率,能夠快速捕獲較多的信息。

減小了文件大小,省去了不必要的空格、換行等。

橫向書寫方便分塊以及注釋,便于查看css結(jié)構(gòu),選擇符一目了然。當(dāng)今顯示器正朝著越來越大,越來越寬發(fā)展,基本上一行內(nèi)可以顯示完全。

加快編寫css速度,不用每次敲換行和tab,并且減少拉動滾動條的次數(shù)。

如果是活動頁,不用作壓縮處理。使用css optimizers 來優(yōu)化css是提倡的,但是使用橫向書寫,基本上不存在多余的空格和換行,因此可以不用壓縮,這樣效率和能力都會得到提高。

便于閱讀和查找相關(guān)結(jié)構(gòu)。代碼編輯器對同行數(shù)定位做的都比較好,因此我們要解決的是如何快速縱向定位目標(biāo)。橫向書寫時(shí)選擇符縱向?qū)R,再加上

.class_name_2 .class_name_2_1 .class_name_2_1_1的選擇符層次分明,因此很容易定位到目標(biāo)。

在調(diào)試小bug的時(shí)候就可以直接打開css更改,不用再打開firebug去找到模塊。

橫向書寫,是基于css選擇符的寫法,層次容易對比,更利于模塊化。對整體css規(guī)劃有好處,后期維護(hù)成本低。

便于不同版本的css代碼對比。

存在的問題:書寫過密,從而影響閱讀。這種弊端顯而易見,但只要優(yōu)化做到家,這種狀況會很少。

盡管對于現(xiàn)如今的帶寬來說,網(wǎng)頁文件那僅以k為單位的大小實(shí)在是微不足道,但如何將這以k來計(jì)算的網(wǎng)頁文件精簡到最小還是網(wǎng)頁設(shè)計(jì)師們應(yīng)該考慮的問題之一。而橫向書寫省去了不必要的空格、換行等,大大減小了文件大小。我們不能說哪種書寫是對的,至于具體采用哪種寫法依個(gè)人選擇,當(dāng)然改變習(xí)慣可能會影響一個(gè)人的工作效率,那我們提倡的是:提交的css樣式文件是經(jīng)過代碼格式化的,而這個(gè)工作可以完全交給dw等工具,我們只要點(diǎn)擊一下,整個(gè)文件就會像我們想象的那樣呈現(xiàn)出來。這樣的代碼看起來很舒服,修改容易,團(tuán)隊(duì)成員在后續(xù)交接也會變得更加順利。

s("content_relate");

【淺談css使用的技巧及縱橫向書寫的特點(diǎn)】相關(guān)文章:

1.

css 書寫技巧 css 技巧教程簡介

2.

競聘演講稿書寫的技巧及特點(diǎn)

3.

關(guān)于網(wǎng)站制作css書寫規(guī)范

4.

淺談鋼管技巧動作的主要特點(diǎn)

5.

狐步舞的特點(diǎn)及技巧

6.

員工的激勵技巧及特點(diǎn)

7.

即興演講的特點(diǎn)及技巧

8.

淺談公共庭園綠化的特點(diǎn)及要求

【本文地址:http://mlvmservice.com/zuowen/2698837.html】

全文閱讀已結(jié)束,如果需要下載本文請點(diǎn)擊

下載此文檔