هناك الكثير من الدروس المغلق متاحة على الانترنت ولكن في عدد قليل من الدروس المفيدة. في هذا البرنامج التعليمي سوف تجد 5 خطوات لكتابة أفضل مدونة المغلق لمشروعك موقع المقبل. آمل أن تتمتعوا هذا البرنامج التعليمي.

1. ResetCss

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

والهدف من إعادة تعيين الأنماط هو متصفح للحد من التضارب في أشياء مثل مرتفعات الخط الافتراضي ، والهوامش وأحجام الخطوط من العناوين ، وهلم جرا -- اريك ماير

  أتش تي أم أل والجسم ، وشعبة ، تمتد ، الصغير ، الكائن ، H1 ، H2 ، H3 ، H4 ، h5 ، h6 ، iframe ، 
  اقتباس فقرة ، مسبقا ، ابر ، المختصر ، والعنوان ، كبيرة ، والاستشهاد ، رمز ، ديل ، dfn ، طب الطوارئ ، 
  الخط ، img ، اعتصامات ، kbd ، ف ، ق ، عصيدة ، الصغيرة ، والإضراب ، وقوية ، ودون ، سوب ، ص ص ، فار ، 
  دد ، دل ، دينارا ، fieldset ، شكل والتسمية ، وأسطورة ، الطاولة ، التوضيحية ، tbody ، tfoot ، 
  thead ، آر ، ال ، ت ، المدخلات ، وحدد ناحية النص 

  ; padding : 0 ; } (هامش : 0 ؛ الحشو : 0 ؛) 


  ; padding : 0 ; } * (هامش : 0 ؛ الحشو : 0 ؛) 

2. المغلق إختزال

واحدة من أفضل وميزة هامة للالمغلق هو القدرة على كتابة رمز بطريقة أدنى حد ممكن.

صحيح القانون

  ( 
  هامش قمة : 10px ؛ 
  هامش يمين : 7px ؛ 
  هامش القاع : 10px ؛ 
  هامش اليسار : 7px ؛ 

  حشوة بين كبار : 10px ؛ 
  حشوة اليمين : 7px ؛ 
  حشوة القاع : 10px ؛ 
  حشوة اليسار : 7px ؛ 

  حجم الخط : 12px ؛ 
  الخط الوزن : جريئة ؛ 
  ; الخط الأسرة : ارييل ، Verdana ، Tahoma ، بلا - الرقيق ؛ 
  ) 

تصحيح قانون

 : 10px 7px 10px 7px ; padding : 10px 7px 10px 7px ; font :bold 12px Arial, Verdana, Tahoma, sans-serif ; } (الهامش : 10px 7px 10px 7px ؛ الحشو : 10px 7px 10px 7px ؛ الخط : 12px ارييل جريئة ، Verdana ، Tahoma ، بلا - الرقيق ؛) 

3. لا تستخدم الكثير من الطبقات وللمعرف

وقد لاحظت أن معظم مبتدئين إضافة فصول دراسية واسم المستخدم وإلى ما يقرب من كل عنصر على الصفحة ، والتي لم يتم required.There أدناه بعض الأمثلة على ما أنا أشير هنا إلى.

صحيح القانون

 class = "wrapper" > <p class = "heading" > <strong class = "subheading" > Welcome </strong> </p> <p class = "linka" > <a href = "#" class = "link" > Home </a> </p> <p class = "linkb" > <a href = "#" class = "link" > About </a> </p> <p class = "linkc" > <a href = "#" class = "link" > Services </a> </p> <p class = "linkd" > <a href = "#" class = "link" > Contact </a> </p> </div> <divهوية = = "wrapper"الطبقة"wrapper"> <pالطبقة = "heading"> <strongالطبقة ="subheading"> أهلا وسهلا </ قوي> </ ع> <pالطبقة = "linka"> <أ href = "#" الطبقة = "رابط"> الصفحة الرئيسية </ أ> </ ع> <pالطبقة = "linkb"> <ahref = ="#" الطبقة "link"> حول </ أ> </ ع> <ع الطبقة = "linkc"> <ahref = = "#"الطبقة"link"> الخدمات </ أ> </ ع> <pالطبقة = "linkd"> <ahref = ="#" الطبقة "link"> اتصل </ أ> </ ع> </ div> 

هنا هو رمز الصحيح

تصحيح قانون

 > <h1> Welcome </h1> <ul> <li> <a href = "#" > Home </a> </li> <li> <a href = "#" > About </a> </li> <li> <a href = "#" > Services </a> </li> <li> <a href = "#" > Contact </a> </li> </ul> </div> <divهوية = "wrapper"> <h1>مرحبا </ h1> <ul><li><ahref ="#"> الصفحة الرئيسية </ أ> </ لى> <li><ahref = "#"> حول </ أ> </ لى> <li><ahref = "#"> الخدمات </ أ> </ لى> <li><ahref ="#"> اتصل </ أ> </ لى> < / ماي> </ div> 

4. منظمة كنت الأنماط

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

  / * إعادة * / 
   elements الهامش وإزالة عناصر التضخيم 

  / * * العناصر الأساسية / 
  تحديد أسلوب لعناصر أساسية هي : الجسم ، H1 ، H2 ، H3 ، H4 ، h6 ، رأ ، ماي ، دل ، ع الخ. 

  / * * فئات عامة / 
  تحديد أسلوب لفئات عامة : اشياء بسيطة مثل إزالة القاع ،  
  تطفو على الجانبين الخ.  
  / * * النسق الأساسي / 

  / * * النسق الأساسي / 
  تحديد أسلوب لتخطيط الأساسية : رأس.  تذييل الجانبي الخ. 

  / * * رأس / 
  تحديد نمط للرأس 

  / * * المحتوى / 
  تحدد اسلوب لناحية المحتوى 

  / * تذييل * / 
  تحديد نمط للتذييل 

  / * * الخ / 
  تواصل 

5. استخدام معدات الشكل شرطي

إنترنت إكسبلورر هو الأكثر عربات التي تجرها الدواب لجميع المتصفحات. لحسن الحظ أن تتمكن من استخدام التعليقات المشروط لإدارة المغلق الذي خدم لشركة آي إي. إذا كنت في حاجة إليها لدي أنماط دعا ie6.css التي تستهدف الإصدارات القديمة من إي. ويسمح لي لإدارة المغلق لالمتصفحات القديمة بسرعة وسهولة.

هنا هو مثال

  <!--[إذا آي إي التطور طويل الأمد 6]> 
 
 
  href = "ie6.css" type = "text/css" media = "screen"  / > <linkrel = "stylesheet"href ="ie6.css" نوع "text/css"= = وسائل الاعلام"screen" /> 
 
  -- > <! [endif] --> 

استنتاج

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

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

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

يودع تحت : المغلق ، برامج تعليمية من قبل المشرف