الكاتب | صيف انرون

ذبيان | وو Xingling

أنتجت | CSDN (ID: CSDNnews)

اليوم في 2019، يمكننا أن نرى الرسوم المتحركة بارد لتحميل، التفاعل رائعا، وأجهزة الكمبيوتر التفاعلية واستجابة من اقصاه الى اقصاه من الإنترنت عبر الهاتف النقال، ونحن نعتقد أمرا مفروغا منه. ولكنك لا نعرفه هو أنه قبل 20 عاما، وصفحة لا يوفر سوى القدرة على وثائق العرض، لا زينت مثل البساطة صحيفة بالأسود والأبيض.

سوف تسأل: كيف تحولت الصفحات إلى غرامة مثل هذا اليوم؟

ويعزى ذلك إلى CSS.

CSS الولادة

1990 تيم بيرنرز لي (تيم بيرنرز لي) اختراع، الشبكة العالمية، وخلق HTML HTML. بعد نمط الصفحة سيكون موجودا في أشكال مختلفة، ومتصفحات مختلفة واسلوبهم الخاص في اللغة للسيطرة على تأثير الصفحة، لأن معظم من إصدار ويب الأصلي لم تقدم طريقة لتزيين الصفحة.

ViolaWWW متصفح الويب

في HTML التطور السريع لمدة 90 عاما، وفقا لمختلف هيكل جملة متصفحات HTML لدعم تحقيق الأنماط اللغوية المختلفة. في الإصدارات الأولية من HTML، منذ تحتوي فقط على سمات العرض قليلا، بحيث يمكن للمستخدمين أن يقرروا بأنفسهم كيف يتم عرضه.

ولكن مع تطور HTML، HTML يضيف العديد من الميزات، رمز أصبح المتضخمة على نحو متزايد، HTML يصبح المزيد والمزيد من الفوضى. كما خسر الشبكة الدلالية، من الصعب جدا للحفاظ على الرمز، لأن التعليمات البرمجية مربكة جدا:

ثم تزيين CSS نمط الصفحة (صفحات الطرز المتراصة، صفحات الطرز المتراصة) ولدت.

تركيب بترسيم

في وقت مبكر تصميم تركيب CSS يشبه بناء الجملة جافا سكريبت لاحق (كان جافا سكريبت لم موجودة)، في الواقع، وصياغة CSS توجه الموارد X X11 نظام النافذة في.

اقتراح جملة أوائل CSS

في مشروع الاقتراح الأول، هناك نسبة من المتخصصين الأثر: h1.font.size = 20pt 80.

نهاية السطر هو تأثير النسبة المئوية المطلوبة من قبل مراقبة نسبة القيم الوزن، مثل حجم الخط إلى 20pt، يتم تعيين الوزن إلى 80، والوزن النهائي من القيمة الاجمالية لحجم الصحيح، هو 16pt.

هذه العبارة تم تصميم هو أن تكون مزيجا من المطورين ومتطلبات المستخدم والتفضيلات معا، والد CSS هاكون فيوم لاي (هاكون فيوم لاي) المقترحة يجب أن يكون CSS مقياس متدرج، بحيث المطورين والمستخدمين السيطرة الكاملة. في ذلك الوقت اثار الاقتراح مناقشة، ولكن لأن هذا النهج يعمل لسمات مثل حجم الخط، ولكن لبعض الصفات الأخرى مثل الخط بين أفراد الأسرة ليست سهلة، لذلك يتم تجاهل النسبة النهائية للاستخدام أو.

أما بالنسبة للتركيب CSS بالتغير font.size حجم الخط، هو كيفية تصميم ذلك؟ أولا وقبل كل شيء، فإنه يقرأ أشبه واصلة المكتوبة باللغة الإنجليزية وسهلة الفهم. ثانيا، يستخدم DSSSL (نمط الوثيقة Semanticsand مواصفات اللغة، وثيقة أسلوب الدلالة والمواصفات اللغة) وDSSSL لايت هذا الواصلات اسم الخاصية. لذلك، توجه CSS أيضا من واصلة.

بعد سنوات من الجهود، وبحلول نهاية عام 1996، أصبحت في نهاية المطاف بناء الجملة CSS مثل هذا الآن:

تركيب CSS الحالي

CSS التاريخية تذكارات

في عام 1994، هاكون فيوم لاي المقترح أصلا فكرة CSS، الذي كان شارك في تصميم متصفح بيرت بوس آرغو، وقرروا معا لتصميم CSS، وبالتالي خلق النسخة الأولى من CSS.

بعد ذلك بوقت قصير، في أول الفسيفساء ومؤتمر الويب من التقديم الرسمي شيكاغو التوصية CSS، في عام 1995، وإلى جانب أنها أثبتت مرة أخرى هذا الاقتراح. W3C تم إنشاؤه للتو، W3C لCSS مهتم جدا، نظمت خصيصا ندوة.

في ديسمبر 1996، أطلقت W3C النسخة الأولى من مواصفات CSS.

في عام 1997، الإصدار W3C صدر CSS1.0، ويوفر CSS1.0 أسلوب عرض أكثر شمولا وثيقة يمكن تقسيمها إلى محددات، الإقامات الفاخرة، الزائفة من الدرجة / وجوه من عدة أجزاء.

اشتعلت هذه المواصفات على الفور انتباه جميع الأطراف، ثم متصفحات مايكروسوفت ونتسكيب يمكن أن تدعم CSS1.0، والتي وضعت الأساس لتطوير CSS.

في عام 1998، أصدرت W3C الإصدار الثاني من CSS، اعتمدت المتصفحات الرئيسية الحالية هذا المعيار.

ويستند مواصفات CSS1 CSS2 على تصميم وCSS1 يحتوي على كافة الميزات، وتوسيع وتحسين الصفات الكثير أكثر قوة. يتضمن محدد، والموقف من نموذج، والتخطيط، ونمط الجدول ونوع الوسائط والزائفة الطبقات، ونمط المؤشر.

في ديسمبر 2005، وبدأ W3C CSS3 المعايير، حتى الآن المعايير لم تستكمل بعد.

ألم IE6، الأمامية مهندس

في عام 2001، أطلقت مايكروسوفت IE6، أصبح ويندوز شيوعا في متصفح IE6 تصل نسبتهم إلى 80 من السوق، والذي يلعب دورا هاما في تعزيز معايير CSS.

لأن المستخدمين IE6 كمية كبيرة من المطورين اختار أن تسود في الأماكن العامة، العديد من المطورين بذل كل جهد للقيام صفحة تحت IE6، وحتى بعض المطورين شعار هو عال جدا "فقط IE6".

هذه النتائج في العديد من الصفحات ليست معايير W3C لIE6 سوف يكون نظام التقديم التحليلي الخاص بها. وسوق ضخمة للIE6 النهائي لتصبح في نهاية المطاف حجر عثرة لمطوري الويب.

كما كان المطور، يجب أن يكون محيطا سلسلة من المأجورون المتصفح ومطوري مواقع الإنترنت والمقابلات اللازمة. وكان الانطباع علة في ذلك الوقت الكلاسيكية "قطاع الطرق البرية: قصة خنزير".

IE6 المأجورون وحلول (صور من الضباب الانجراف والمطر المرجعي CSS)

الآن ونحن ندرك في الوقت الراهن المتصفح المتقدم زر مستدير هو شيء بسيط جدا، ولكن لا يدعم خصائص CSS3 في ذلك الوقت من المتصفح (IE6 / 7/8) قطعت تظهر في الصورة طريقة تنفذها الخلفية، إذا كان الزر طول إلى أجل غير مسمى، ثم لدينا لتنفيذ زر طول التكيف، والذي هو أيضا اختبار الأمامية نصائح المهندسين CSS وصقل صبرنا.

في تلك السنوات جمع المهندسين الأمامية ونحن ليس فقط مجموعة من كليب CSS المأجورون، ولكن أيضا في جميع أنواع التصاميم غزاة، مثل تخطيط الكأس المقدسة، والمعروف أيضا باسم الجناح الطائر، هو تحقيق عرض ثابت على كلا الجانبين، وسط عرض تخطيط ثلاثة أعمدة على التكيف، لتحقيق هذه تخطيط يتطلب مجموعة متنوعة من المهارات وكتب دليل. في ذلك الوقت دانيال، الذي لخص بعض النقاط الرئيسية:

وعرض ثابت على كلا الجانبين، والتكيف عرض المتوسط

والجزء المتوسط في بنية DOM الأولوية، أولا لتقديم

انها تسمح أي ثلاثة في صف واحد لتصبح أعلى

فقط تحتاج إلى استخدام إضافي < شعبة >  بطاقة

في هذه الطريقة، ونحن المطورين الأمامية تدريب في مهارات السوداء، حتى أطلقت مايكروسوفت IE6 العد التنازلي حتى الموت. بدأت أول من التخلي عن دعم IE6 هو خط من شركات الإنترنت مثل تاوباو، حتى عام 2014، اسقطنا تدريجيا دعم IE6، والتي هي ببساطة أعظم نعمة للمهندسين الأمامية.

مع IE6 للخروج من السوق، في عام 2014، أطلقت مايكروسوفت نسخة من IE10.

عام 2016، متصفح كروم يحتل صدارة التصنيف العالمي للمتصفح العالمية. مع الهجين، تتفاعل التقنيات الأم مثل انتشار الإنترنت في نهاية عصر المحمول والمهندسين الأمامية لبدء تحد جديد، مشغول لتناسب مجموعة متنوعة من النهاية.

أعود بذاكرتي إلى الخاصة بهم تنمية الأمامية من هذا العقد، وأتذكر الأكثر إثارة للإعجاب المثبتة في برنامج مستعرض الكمبيوتر أكبر، IE الأسرة، والسفر، QQ، 360، متصفح كروم، وهلم جرا.

عموما أنا بعد كتابة مشروع، أول شوط مرة أخرى التوافق CSS اختبار له في جميع المتصفحات، حتى جميع المتصفحات ليست مشكلة كبيرة لمشروع إطلاق اختبار الذكر. بل هو أيضا مثل هذا العمل الدقيق، لذلك أنا أيضا مواصلة التقدم في عملهم. في بعض الأحيان، إذا نظرنا إلى الوراء لديهم هذه التجربة ولكن أيضا ثروة من التكنولوجيا المتراكمة.

خاتمة

شهدت CSS 20 عاما من التنمية، والانتقال من نهاية PC لهذه الغاية، في الجبهة التقدم الهندسي نهاية اليوم، مع التحسين المستمر لCSS ترقية مواصفات، الأمامية الأعمال تعقيد آخذ في الازدياد، وجلبت أيضا المشروع على نحو متزايد يستمر أكبر، لدينا حلول المطور الأمامية هندسيا لCSS أيضا لاستكشاف.

CSS الآن عددا كبيرا من قبل وبعد ظهور أداة، والمعالج CSS أكثر شعبية لدى ساس، أقل، المعالج CSS، مثل المغلق نظيفة، AutoPrefixer، إعادة العمل، PostCSS مثل.

ماذا عن تطوير مستقبل CSS يحدث؟ CSS المستقبل لا يمكن أن تفعل دورها، وسوف يكون نموذجا جديدا ليحل محله؟ لهذه المشاكل، هاكون فيوم لاي أعتقد CSS لا تزال قادرة، لم نر نموذج جديد ليحل محل ظهورها، والتكنولوجيا الجديدة ستكون بالتأكيد لا نهاية لها، ولكن ينبغي أن تمتد لCSS وليس بدلا من ذلك. وقال أيضا إن رمز CSS نكتب اليوم، بعد الكمبيوتر 500 سنة لا تزال قادرة على قراءة.

المراجع:

تاريخ CSS وميزات جديدة

وحدة CSS وعملية التوحيد

نظرة إلى الوراء في تاريخ CSS

CSS: كان عشرين عاما منذ اليوم - مقابلة مع هاكون فيوم لاي

نبذة عن الكاتب: صيف انرون، أعمل حاليا في صناعة السياحة من الشركات الرائدة في الإنترنت العقد المخضرم تطوير الواجهة الأمامية. وهناك دراسة معمقة لنظام إدارة المكاتب الأوسط والخلفي، يقود الفريق في نظم إدارة متعددة تصميم الهندسة المعمارية وتطوير مجموعة متنوعة من الأدوات الإنتاجية.