معنى الأقواس في CSS

مؤلف: Eugene Taylor
تاريخ الخلق: 7 أغسطس 2021
تاريخ التحديث: 22 كانون الثاني 2025
Anonim
[ تعلم Css ] درس #14 - شرح كل ما يخص الابعاد الخاصة بالعناصر Width, Height
فيديو: [ تعلم Css ] درس #14 - شرح كل ما يخص الابعاد الخاصة بالعناصر Width, Height

المحتوى

يأتي اختصار CSS من "أوراق أنماط متتالية" باللغة الإنجليزية ، أو "أوراق أنماط متتالية". يوفر CSS درجة أكبر من التحكم الفني والتصميم لمطوري الويب والمصممين بفصل المحتوى عن معلمات العرض. يتم وضع عبارات CSS في رأس مستند ويب ، ثم يتم عرضها داخل نص صفحة الويب بواسطة الأقواس - {}. داخل الأقواس توجد الأقواس - () - أو الأقواس - [] - التي تحدد عناصر CSS أخرى.


تستخدم أقواس CSS داخل نص مستند الويب (كومستوك / كومستوك / غيتي إيماجز)

مفاتيح

المفاتيح هي العناصر الأساسية في بناء جملة CSS. وهي تعني فتح وإغلاق جميع معلمات CSS المضمنة فيها. يمثلون {} ، يتبعون عناصر CSS التي تعني صورة أو موضع أو عنصر عرض أو أي مجموعة من العناصر. يمكن أن توجد المفاتيح داخل أي عنصر / طبقة div ، وتكون دائمًا داخل العلامات "</ body>". هنا مثال:

div # example {padding: 5px؛ الهامش: 20 بكسل ؛ العرض: 350 بكسل ؛ }

بين قوسين

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

اللون: rgb (128 ، 128 ، 255) ؛ الصورة: url ("/ images / bg.png")


بين قوسين

تستخدم الأقواس - [] - ، المعروفة باسم محددات السمات ، لتعيين قيم السمات لعنصر. كانت هناك أربع قيم مختلفة في CSS2 وأضيفت ولكن ثلاث مع CSS3. تحدد المحددات الأصلية الأربعة وجود السمة - [title] ، المقابلة لأي عنصر له سمة محددة "title" ؛ قيمة السمة البسيطة - الإدخال [type = "send"] ، المقابلة لأي عنصر إدخال يساوي نوع السمة "send" ؛ قيمة السمة list - p [class ~ = "Literary"] ، المقابلة للفقرات التي تكون السمة class لها قائمة بالكلمات مفصولة بمسافات ، واحدة منها هي "أدبية" ؛ وقيمة السمة الجزئية - [href ^ = "http:"] ، المقابلة لعناصر الارتباط التي تبدأ قيمة السمة بـ "http:". لم يتم استخدام الأقواس كثيرًا قبل تقديم Internet Explorer 7 ، لأن IE6 لم يتعرف عليها.

يتم استخدام العديد من الرموز الجبرية كعناصر CSS (BananaStock / BananaStock / Getty Images)

الاقتباس

يتم تحديد محددات وأقسام لغة ترميز النص التشعبي الأساسي (HTML) ومستندات لغة الترميز القابلة للتوسيع (XML) بواسطة أقواس مدببة ، والمعروفة باسم chevrons . كما أنها تمثل عنصرًا تابعًا لبعض عناصر CSS. في CSS ، يتكون "المحدد الفرعي" من عنصرين أو أكثر مفصولة بالشفرة ">". تشير هذه إلى أقسام محددة محددة من صفحة الويب: النص الأساسي ، وهو الصفحة المرئية ؛ الطبقات التي يمكن تكديسها مثل أوراق الورق فوق بعضها البعض ؛ أو المعايرة ، تدل على كائنات معينة أو التواريخ المعروفة باسم "الأشكال المصغرة".


ملاحظات CSS

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

/ يوجد أي تعليق في الأجزاء المحددة بشرطة مائلة ونجمة. /

يمكن أن تكون ذات قيمة هائلة لمساعدتك في التنقل بين أقسام أوراق الأنماط المتتالية.

يمكن أن يساعدك CSS في تصميم الصفحات بأحجام مختلفة للشاشة دون إنشاء تخطيطات منفصلة (كومستوك / كومستوك / غيتي إيماجز)

مراجع

  • "إتقان CSS: حلول معايير الويب المتقدمة" ؛ آندي بود ، وآخرون ؛ 2009
  • مدارس W3: بناء جملة CSS
  • "المرجع النهائي CSS" ؛ تومي أولسون ، وآخرون ؛ 2008

الوسائل

  • W3C: محددات CSS [باللغة الإنجليزية]
  • New2HTML: بناء جملة CSS [باللغة الإنجليزية]