CSSをレイアウトする正しい方法はありますか？

-1

これは私の最初の投稿ですので、何か間違っていると私は言い訳になります。私の質問は、どのように私のCSSファイルをレイアウトする必要がありますか？「正しい方法」があるかどうかを知りたいときはCSSを書いてください。ありがとう！CSSをレイアウトする正しい方法はありますか？

出典

2016-04-03 Klaus

より効率的なCSSを書くことの記事の下に参照することができhttps://smacss.com/とhttps://en.bem.info/です2つの一般的な方法論。 – ceejayoz

-2

CSSは具体的にレイアウトする必要があります。

IDは、タグよりも具体的なクラスよりも具体的です。したがって、一般的なタグスタイルをシートの一番上に、その後にクラスとIDが必要になります。

.p { }

#p { }

p { }

はまた、好みの問題は、大規模なプロジェクトでは、別のシートに個別のCSSスタイルは、簡単に他の人があなたのコードを読んでできるようにすることができます。

CSSは空白に影響されないので、タブでは編集が変更されませんが、それに応じてタブを切り替えるのが一般的です。

多くのプログラマが従うルールはたくさんありますが、その大多数は意見が分かれていますので、効率的なCSSレイアウトの採用はあなた次第です。私が述べたルールでさえ、使用しないとCSSを "破る"ことはありませんが、問題を起こすのを助ける傾向があります。このトピックをさらに研究し、それに従うために一連のルールを採用して試してみてください。

出典

2016-04-03 20:46:51 theblindprophet

-1

あなたのCSSをインデントすることができます。または、プロジェクトの最後にそれを最小化する。これを行うのに役立つたくさんのウェブサイトを使用することができます。

That's an example - CleanCSS

出典

2016-04-03 20:45:23

ブラウザがCSSを解析してウェブサイトを表現する方法を理解することは、より効率的なコードを書くための重要な第一歩です。

キーセレクタ：ID、クラス、タグ、および汎用の4種類があります。それは彼らがいかに効率的であるかという同じ順序です。

#main-navigation { }  /* ID (Fastest) */ 
body.home #page-wrap { } /* ID */ 
.main-navigation { }  /* Class */ 
ul li a.current { }  /* Class * 
ul { }     /* Tag */ 
ul li a { }    /* Tag */ 
* { }      /* Universal (Slowest) */ 
#content [title='home']  /* Universal */

あなたは

Efficiently rendering css

Writing efficient css selectors

出典

2016-04-03 20:55:10 Pbk1303

CSSをレイアウトする正しい方法はありますか？

答えて

関連する問題