Embedded style sheets codes

Embedded Style Sheets refer to when you embed style sheet information into an HTML document using the style element. You do this by embedding the style sheet information within <style>...</style> tags in the head of your document.


Place the following code between the <head>...</head> tags of your HTML document:

<style type="text/css" media=screen>
   p {font-family: georgia, serif; font-size: x-small;}
   hr {color: #ff9900; height: 1px }
   a:hover {color: #ff0000; text-decoration: none}

Now, whenever any of those elements are used within the body of the document, they will be formatted as instructed in the above style sheet.

Try it yourself !

Embedded style sheets are suited for documents with unique design requirements. If the styles need to be applied across muliple documents, you should link to an external style sheet instead of using an embedded style sheet.

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

0 التعليقات:

leave your comment to help us to develope the website.


اخر التعليقات

اصدقاء المدونه على الفيس بوك