شما اینجا هستید

CSS مخفف کلمات Cascading Style Sheets است.

CSS به سه روش میتواند به HTML افزوده شود:

  • درون خطی : با بهره گیری از ویژگی style عنصر HTML میتوان برایش CSS تعریف کرد.
  • داخلی : برای تعریف CSS داخلی باید از عنصر <style> در درون قسمت <head> سند HTML استفاده کرد.
  • خارجی : میتوان چندین فایل خارجی CSS را برای یک یا چند سند HTML بکار گرفت.

پر کاربرد ترین روشی که برای افزودن سبک به فایلهای HTML مورد استفاده قرار میگیرد نگهداشتن استایلها در فایلهای CSS جداگانه است.

اما در این آموزش ما از سبک دهی داخلی استفاده میکنیم.

چونکه با این روش نشان دادن خروجی هم برای ما و هم برای شما راحت تر هست و میتوانیم سریعتر پیش بریم تا مطالب بیشتری یاد بگیریم.

میتونید در قسمت آموزش CSS مطالب بیشتری را در مورد CSS فرا بگیرید.

نحوه نوشتن CSS

نحوه نوشتن کدهای CSS را در خط زیر ببینید:

element { property:value; property:value }

elemernt نام یک عنصر HTML است. Property یک ویژگی CSS است. Value هم یک مقدار CSS است. اگر از چندین استایل بخواهیم استفاده کنیم  باید آنها را با ویرگول نقطه (;) از هم جدا کنیم.

سبک دهی درون خطی (inline CSS)

سبک دهی درون خطی برای اعمال کردن یک استایل واحد به یک عنصر HTML بکار میرود.

این سبک دهی خطی رنگ متن عنوانی را که استایل رنگ در آن اعمال شده را تغییر میدهد:

<html>

<body>


<h1 style="color:blue">This is a Blue Heading</h1>

<h1>This is a Blue Heading</h1>

</body>
</html>

 

سبک دهی داخلی (internal CSS)

 

سی اس اس داخلی برای تعریف یک سبک همگانی برای همه عناصر HTML در یک صفحه بکار گرفته میشود.

استایلینگ داخلی در قسمت <head> یک صفحه HTML با بهره گیری از عنصر <style> تعریف میگردد.

<html>

<head>

<style>

body {background-color:lightgrey}

h1   {color:blue}

p    {color:green}

</style>

</head>

<body>


<h1>This is a heading</h1>

<p>This is a paragraph.</p>


</body>

</html>

 

سبک دهی خارجی (External CSS)

 

هنگامی که چندین صفحه داریم و میخواهیم که یک استایل به همه آنها اعمال شود، CSS خارجی برای اینکار ایده آل است.

با CSS خارجی، میتوانیم ظاهر صفحات وب سایت را با تغییر دادن یک فایل تغییر دهیم. استایلهای خارجی در یک فایل CSS خارجی تعریف میشوند و سپس در قسمت <head> یک صفحه HTML به آن صفحه پیوند داده میشود.

<html>

<head>

  <link rel="stylesheet" href="styles.css">

</head>

<body>


<h1>This is a heading</h1>

<p>This is a paragraph.</p>


</body>

</html>

 

خصوصیت id

 

برای تعریف یک استایل مخصوص برای یک عنصر به خصوص، نخست یک خصوصیت id به عنصر اضافه میکنیم.

<p id="p01">I am different</p>

سپس یک سبک متفاوت برای آن عنصر تعریف میکنیم

<html>

<head>

<style>

p#p01 {

    color: blue;

}

</style>

</head>

<body>


<p>This is a paragraph.</p>

<p>This is a paragraph.</p>

<p>This is a paragraph.</p>

<p id="p01">I am different.</p>


</body>

</html>

 

خصوصیت class

 

با افزودن خصوصیت class به یک عنصر، برای عناصری که میخواهیم استایل تعریف میکنیم.

<p class="error">I am different</p>

حالا میتونید برای همه عناصر با کلاس مشخص شده استایل تعریف کنید.

<html>

<head>

<style>

p.error {

    color:red;

}

</style>

</head>

<body>


<p>This is a paragraph.</p>

<p>This is a paragraph.</p>

<p class="error">I am different.</p>

<p>This is a paragraph.</p>

<p class="error">I am different too.</p>


</body>

</html>

 

برای استایل دادن به یک عنصر از id استفاده میکنیم. برای استایل دادن به گروهی ار عناصر از class استفاده میکنیم.

 

پرهیز کردن از سبک دهی به صفحات با استفاده از تگها و خصوصیتهای HTML

در نسخه های پیشین HTML، تگها و خصوصیتهای متعددی برای سبک دهی به صفحات وب استفاده میشد. این تگها و خصوصیتها، دیگر توسط HTML5 پشتیبانی نمیشوند!

از استفاده کردن از عناصر <font>, <center> و <strike> دوری کنید. همچنین دیگر از خصوصیتهای color و bgcolor استفاده نکنید.

دیدگاه‌ها

Viagra Pressione Arteriosa Where To Buy Lasix Buy Cheap Lasix Online viagra Canadian Pharmacy Online Cialis

Save your time with assignment help in all possible subjects! Original, high-quality assignments from top quality writers.

Connect with HP Printer online technical experts to fix HP Printer Not Printing Black issues in short period of time, you don’t need to wait much to fix that issues.Connect with HP Printer online technical experts to fix HP Printer Not Printing Black issues in short period of time, you don’t need to wait much to fix that issues.

We are currently living in a world where you need to update yourself with advanced technology. The world has become a better place to live in since the emerging cutting edge technology has immensely improved the lifestyle we are living now. We can simply able to trace the path on a GPS system integrated with your system application right at your hand and use it for our own convenience. Garmin Technology is an advanced, well functional integrated technology that is now making GPS a world-class living experience to users. The technology has added various dimensions to the traditional GPS and enriching users experience with time-saving and cost-cutting.

Streets and Routes are something that you need to keep track of while driving a car. They change constantly with time and if you don’t keep your GPS current, you are bound to reach nowhere. Hence keeping an updated GPS is essential and it is easy with Garmin’s Express software. You need to simply plug in the device into your computer and let the software work its magic.

The process itself is very simple and easy here is the easy way out to update your Garmin GPS.

1.       Connect your GPS device to your computer.

2.       Install Garmin Express on your computer. The software usually works with any of the devices such as Drive, Drive Safe, Nuvi and Zumbo.

3.       If you have installed the software now it’s time to purchase the update to access the latest software. You can easily have it. 

Simply follow these steps to Garmin GPS Update with the latest version available and spend quality time using your GPS. 

Nice Post
Right after the upgrade in windows 10 most of the people reported that their HP Printer Offline Windows 10. Are you also one of them who bump into same issue with your printer? Are you looking for dependable service by which you can resolve your queries? If yes, then my friend there is good news, you can take online assistance from the well-experienced techies who are always ready to help out the needy person. Consequently, whenever you face Printer Offline Issue ,simply make a call at toll-free number and get united with connoisseurs.http://forum.winitpro.ru/index.php?action=profile
http://forum.autoxen.pl/member.php?action=profile&uid=22589
https://comptoir-du-libre.org/fr/users/767
http://nepalimoms.com/forum/memberlist.php?mode=viewprofile&u=1624
https://www.marshmutt.com/members/sofia120/profile/
http://new-york.kewlwallet.com/profile/sofiacarter120
ttps://killmastergames.com/community/profile/sofia12000000/
http://wafironline.com/author/sofia120/ http://showmania.getbb.ru/memberlist.php?mode=viewprofile&u=531
http://studyland.ru/en/forum/index.php?PAGE_NAME=profile_view&UID=55763&backurl=%2Fen%2Fforum%2Findex.php
https://publons.com/researcher/3200619/sofia-carter/
https://git.devuan.org/sofia120
http://football.esportsify.com/profile/printersupportp
http://gamersleague.esportsify.com/profile/printersupportp
https://www.webyield.net/seo/domain/hpprintersupportpro.com
ttp://queuepopped.esportsify.com/profile/printersupportp
http://www.bigfishtackle.com/cgi-bin/community/community.cgi?do=user_page;pg=user_profile_view.html;username=sofia120
https://plugincafe.maxon.net/user/sofia120/
ttps://cn.usgbc.org/people/sofia-carter/0011352010

صفحه‌ها

افزودن دیدگاه جدید

دیدگاه

  • تگ‌های HTML مجاز: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.

Plain text

  • تگ‌های HTML مجاز نیستند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
كد امنيتي
این پرسش برای جلوگیری از ارسال اسپمهای اتوماتیک است.