المحتوى
يأتي اختصار 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 [باللغة الإنجليزية]