بهزاد علی محمدزاده
دوشنبه 21 مهر 1393, 15:04 عصر
سلام . ( پاسخ به رضا ) : همپچین ویرایشگری برای css وجود نداره . ( شاید من سراغ ندارم ) . و اصلا جور هم در نمیار . چون همچین ویرایشگری تکرار کد زیاد داره و برای استفاده بهینه نیست.
اینکه شما میای به همه المان ها به صورت جداگانه و تکراری استایل میدی دلیلش اینه که با کد نویسی css آشنا نیستی. روشهایی برای جلوگیری از تکرار کدها هست که از اونها استفاده میشه.
مثلا پاراگراف ها در تایپوگرافی پروژه تکلیفش معلوم میشه : سایز h1,h2,h3 و p و ... و فاصله بین خطوط . margin و padding ... و اون استایل ها به همه پروژه اعمال میشه. فرضا برا طراحی button :
.btn{ /* Styles */ }
.btn.blue{
background-color: blue;
color: #fff;
}
.btn.red{
background-color: blue;
color: #fff;
}
<button class="btn blue"></button>
یا اینکه بخوایم آخرین مطالب و در صفحه اول نشون بدیم :
.post{}
.post .title{}
.post .text{}
.post .meta{}
<article class="post">
<header>
<h1 class="title"></h1>
</header>
<p class="text">Text</p>
<footer class="meta">
Datetime,View More,...
</footer>
</article>
حالا هر چند تا که می خواد این تگ article تکرار بشه . یا اگر بخوایم مطالب محبوب و با پس زمینه متفاوت نشون بدیم:
.post{}
.post.popular{
background-color: #0099ff;
}
.post .title{}
.post .text{}
.post .meta{}
<article class="post popular">
<header>
<h1 class="title"></h1>
</header>
<p class="text">Text</p>
<footer class="meta">
Datetime,View More,...
</footer>
</article>
نکته : CSS نویسی یه کار ساده و پیش پا افتاده نیست . بلکه یادگیری و درک تکنیک هاش بسیار جدی و زمانبر هست.