واحد ملف CSS أو فرد ملفات CSS لكل صفحة ؟
https://stackoverflow.com/questions/1813383
-
06-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
عندما أكون في بناء صفحات لا أريد أن يكون الفرد صفحات كل صفحة أو واحدة كبيرة الأنماط لكامل الموقع ؟ لتحميل الأغراض ، ألن الملفات الفردية تكون ممارسة أفضل لأنه سيكون أقل من مجموع css على الحمل ؟
المحلول
استخدام ملف CSS الملفات المخزنة مؤقتا وبالتالي تقليل الحاجة إلى تحميل ملف جديد لكل صفحة جديدة زيارتها.
للمساعدة, أنا عادة صفعة بلدي من خلال CSS CSS نظافة للحد من حجم الملف, بالإضافة إلى ذلك يمكنك GZip باستخدام CSS .htaccess أيضا مما يجعلها أصغر مرة أخرى.
وأخيرا وضع كل CSS في ملف واحد سوف تجعل نظام اتخاذ إجراء تغييرات على مستوى العرض أسهل في المستقبل (السبب كله نستخدم CSS في المقام الأول) ، فإنه سيتم أيضا إجراء التصحيح أسهل.
تحرير ، أيار / مايو 2017
لقد تغير الكثير في 7+ سنوات, و أي شخص يبحث في هذا الجواب أن تنظر في البحث عن أحدث تسليم الأصول الطرق ، خاصة الآن استخدام HTTP2 و preprocessors هي أكثر شائعا.
نصائح أخرى
واقتراح مختلف، استخدم أوراق الأنماط المتعددة خلال تطوير ولها آلية التي سيتم دمج جميع أوراق الأنماط في ملف CSS واحد لنشر الإنتاج. وهذا قد يتطلب بعض الشيء من الترميز إضافية وبعض مخطوطات اضافية ليتم تشغيلها قبل نشر الإنتاج ولكن سيكون من المثالي للاستخدام تطوير واستخدام الإنتاج. إذا آليا عملية بشكل صحيح (والذي هو ليس من الصعب جدا تحقيق) هذا لن يسبب أي نوع من الأخطاء أيضا.
والغرض الرئيسي من ورقة الأنماط هو السماح لك لتغيير تصميم في جميع صفحات موقعك. إذا كان لديك h1 {color:red;} على كل صفحة وتريد في وقت لاحق لتغييره إلى اللون الأزرق قد تضطر إلى تعديل ورقة الأنماط كل الصفحات. مع ورقة نمط واحد هل سيكون قادرا على تغيير اللون ولها أن تنعكس على الموقع بأكمله.
وبالاضافة الى ذلك سوف يكون مؤقتا ورقة الأنماط على جهاز الكمبيوتر الخاص بالمستخدم بدلا من تحميلها من كل صفحة.
إذا كنت تريد أن يكون لها نمط ثابت في جميع الصفحات في موقع الويب الخاص بك، واستخدام أنماط واحدة لكافة الأنماط المشتركة. خلاف ذلك، قد تجد أنه من الصعب جدا للحفاظ على العديد من الأنماط. أن التغييرات التي يمكن ان تضاف الى كل واحد من الأنماط المتعددة.
ومعدات الشكل التي يتم استخدامها فقط على صفحة واحدة يمكن أن تذهب في الأنماط منفصلة. قد يكون هذا مفيدا للغاية لصفحات الأنماط صفحة واحدة كبيرة و / أو الأنماط لصفحات الويب بشكل غير متكرر الوصول.
ولن يتم إعادة تحميل صفحات الأنماط الخاصة بك على كل تحديث الصفحة. إذا كنت مرجع كبير، للأغراض العامة الأنماط على الصفحة الرئيسية الخاصة بك، لن يتم تحميلها مرة واحدة، ومؤقتا لاستخدامها في المستقبل.
و"لأغراض التحميل، لا تريد ورقة أنماط أصغر، لذلك جعل منها الفردية هو ممارسة أفضل؟"
وهذا يمكن أن يكون لها تأثير عكسي، مثل استخدام 1 أنماط يمكن أن يكون مؤقتا ثم إعادة تحميلها بكل سهولة، في حين أنه يتم تحميل باستمرار ملف CSS جديد لكل صفحة مع طريقتك.
ومعظم المواقع لا تحتاج لأنماط أكثر من واحد لنوع واحد من وسائل الاعلام. ولكن إذا كان موقع الويب الخاص بك يختلف جذريا في التصميم وأود أن أقترح وجود أنماط قاعدة الذي لديه كل الخصائص العامة، ومن ثم ورقة أنماط الثانوي لكل من الصفحات التي تحتوي على الخلافات.
ويجب استخدامه فقط هذا إذا كانت التغييرات CSS كبيرة بما يكفي في حجم لتبرير استخدام الأنماط منفصلة.
منذ أنا في الواقع الفعلي مبرمج ويب (جافا برمجة الويب الأشياء البرمجة مثل PHP) يجب أن أعطيك رأي أنا لم أر قط أي الويب الفعلية مصمم تعطي:
يرجى المضي قدما و تقسيم ملفات CSS متعددة, الأقسام المنطقية حيثما كان ذلك ممكنا!إذا كان لديك بشكل كبير منمنمة الجدول ، جمع CSS الأشياء ملف واحد أيضا جمع قاعدة ستلينغس الفعلية الصفحة إلى ملف آخر ، إضافة تلك الملاحة القائمة CSS:s الثالث وهلم جرا وهكذا دواليك.بالطبع يمكنك إعادة استخدام الفرد CSS:s حيث انهم ذات الصلة ولكن لا مجرد حشر كل شيء في ملف واحد كبير!
وجئت عبر هذا الموضوع سعيا وراء نفس السؤال .. كان تفكيري لهيكلة مثل هذا ..
وLayout.css <--- للهيكل الموقع، وصلات، والعناوين وغيرها التي هي مشتركة في جميع أنحاء الموقع. form.css <- اساليب شكل عام reset.css <- عن إعادة تعيين المستند إذا كنت تستخدم لهم
ووحاليا أنا استخدم pages.css لجميع الأنماط الصفحة ..
أو
وhomepage.css about.css gallery.css
