وبلاگ سعید زبردست » سی اس اس (css) http://zebardast.ir دسته نوشته ها و مقالاتی در زمینه علوم کامپیوتر و تجربیات شخصی Sun, 29 Jan 2012 11:36:05 +0000 fa hourly 1 http://wordpress.org/?v=3.3.1وبلاگ سعید زبردست http://0.gravatar.com/avatar/1518e6b905d65cbe0a03243a199e18fc.png?s=48http://zebardast.ir اعمال چندین کلاس به یک عنصر (تگ) HTMLhttp://zebardast.ir/%d8%a7%d8%b9%d9%85%d8%a7%d9%84-%da%86%d9%86%d8%af%db%8c%d9%86-%da%a9%d9%84%d8%a7%d8%b3-%d8%a8%d9%87-%db%8c%da%a9-%d8%b9%d9%86%d8%b5%d8%b1-%d8%aa%da%af-html/ http://zebardast.ir/%d8%a7%d8%b9%d9%85%d8%a7%d9%84-%da%86%d9%86%d8%af%db%8c%d9%86-%da%a9%d9%84%d8%a7%d8%b3-%d8%a8%d9%87-%db%8c%da%a9-%d8%b9%d9%86%d8%b5%d8%b1-%d8%aa%da%af-html/#comments Thu, 17 May 2007 19:10:39 +0000 سعید زبردست http://itpencil.wordpress.com/2007/05/17/%d8%a7%d8%b9%d9%85%d8%a7%d9%84-%da%86%d9%86%d8%af%db%8c%d9%86-%da%a9%d9%84%d8%a7%d8%b3-%d8%a8%d9%87-%db%8c%da%a9-%d8%b9%d9%86%d8%b5%d8%b1-%d8%aa%da%af-html/ مطالب مرتبط:
  1. نحوه نگارش دستورات css
  2. از سیر تا پیاز HTML در کتاب الکترونیکی آموزش html
  3. HTML چیست؟
]]> سلام

گاهی اوقات نیاز به اعمال چندین کلاس به یک عنصر دارید. مثلا فرض کنید که یک کلاس برای بردر (قاب؟) های کم رنگ، یک کلاس دیگر برای بک گراند (پس زمینه؟) های پر رنگ و یک کلاس دیگر برای فونت ها ایجاد کرده باشید.
برای ترکیب این کلاس ها و استفاده آنها کافیست نام آنها را در ویژگی class یک عنصر با فاصله از هم جدا کرده و بنویسید. مانند:

<p class=”cl1 cl2 cl3″>

موفق باشید

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. نحوه نگارش دستورات css
  2. از سیر تا پیاز HTML در کتاب الکترونیکی آموزش html
  3. HTML چیست؟

]]> http://zebardast.ir/%d8%a7%d8%b9%d9%85%d8%a7%d9%84-%da%86%d9%86%d8%af%db%8c%d9%86-%da%a9%d9%84%d8%a7%d8%b3-%d8%a8%d9%87-%db%8c%da%a9-%d8%b9%d9%86%d8%b5%d8%b1-%d8%aa%da%af-html/feed/ 2 حل مشکل سایز فیلد password در IEhttp://zebardast.ir/password-field-solution-in-ie/ http://zebardast.ir/password-field-solution-in-ie/#comments Mon, 05 Feb 2007 11:41:03 +0000 سعید زبردست http://itpencil.wordpress.com/2007/02/05/password-field-solution-in-ie/ مطالب مرتبط:
  1. مقدمه MySQL
  2. گالری فایرفاکس
  3. راه اندازی PHP در ویندوز قسمت دوم
]]> سلام

یکی از اشکلات IE در نمایش فیلد های password فرم ها می باشد. به تصویر زیر توجه کنید:

password field solution in IE

برای حل این مشکل کافیست تا به همه فیلد های خود (برای داشتن اندازه ی برابر) کد استایل زیر را اضافه نمائید:

style=”font-family:’arial’;”

البته arial هر مقداری می تواند باشد. مهم اعمال خصیصه font-family می باشد.(این اعمال می تواند توسط کلاس ها، تگ ها و … صورت گیرد.)

به عکس زیر توجه کنید:

password field fixed in IE

موفق باشید

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. مقدمه MySQL
  2. گالری فایرفاکس
  3. راه اندازی PHP در ویندوز قسمت دوم

]]> http://zebardast.ir/password-field-solution-in-ie/feed/ 2 واحد های CSShttp://zebardast.ir/css-units/ http://zebardast.ir/css-units/#comments Sun, 28 Jan 2007 11:42:40 +0000 سعید زبردست http://itpencil.wordpress.com/2007/01/28/css-units/ مطالب مرتبط:
  1. قبل از انتخاب واحد
  2. بعد از انتخاب واحد
  3. عکس های انتخاب واحد
]]> سلام
CSS دارای واحد هایی جهت استفاده است که گاه باعث سردرگمی افراد می شود. این واحد ها که تعداد آنها 12 عدد می باشد، در دو بخش عمومی و رنگ ها تقسیم بندی می شوند.

بخش عمومی

واحدتوضیحات
%درصد
inاینچ
cmسانتی متر
mmمیلی متر
em1em برابر با سایر فونت فعلی می باشد. 2em برابر با 2 برابر سایز فونت فعلی می باشد.. مثلا اگر سایز فونت فعلی 12pt باشد، آنگاه 2em به معنی 24pt است. em یکی اتز کاربردیترین واحدد های css می باشد که برای سادگی در دادن اندازه های نسبی به کار می رود.
exex به معنی x-height است. x-height همان ارتفاع فعلی کاراکتر x است.
ptپوینت (point). (یک pt برابر با 1/72 اینچ است)
pcپیکا (pica). (یک pc بابر با 12pt است)
pxپیکسل (pixels). (کوچکترین نقطه در مونیتور)

رنگ ها

واحدتوضیحات
نام رنگنام یک رنگ. مانند red که همان قرمز است. به نکته زیر جدول توجه نمایید.
rgb(x,x,x)مقدار RGB (مانند rgb(255,0,0))
rgb(x%, x%, x%)مقدار RGB بر حسب درصد (مانند rgb(100%,0%,0%))
#rrggbbعددی بر مبنای 16 (مانند #ff0000)

نکته
16 رنگ RGB مهم در ویندوز عبارتند از:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow

موفق باشید

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. قبل از انتخاب واحد
  2. بعد از انتخاب واحد
  3. عکس های انتخاب واحد

]]> http://zebardast.ir/css-units/feed/ 0 first letter در CSShttp://zebardast.ir/first-letter-%d8%af%d8%b1-css/ http://zebardast.ir/first-letter-%d8%af%d8%b1-css/#comments Mon, 22 Jan 2007 11:51:13 +0000 سعید زبردست http://itpencil.wordpress.com/2007/01/22/first-letter-%d8%af%d8%b1-css/ مطالب مرتبط:
  1. درباره سعید زبردست
  2. سلامی از دیار محبت
  3. روش بدست آوردن آخرین آی دی ثبت شده در دیتابیس – MySQL
]]> سلام
مطلب امروز در عین کاربردی بودن در کمتر جایی معرفی شده است. امیدوارم که مفید باشد.

:first-letter
:first-letter یک عنصر غیر واقعی می باشد که در جهت اعمال یک یا چند استایل CSS بر روی اولین حرف(کاراکتر) یک متن مورد استفاده قرار می گیرد.
کد:

div.BigFirst:first-letter {
color: #ff0000;
}

خروجی:

رنگ اولین حرف این پاراگرف قرمز است.

:first-letter بر روی Microsoft® Internet Explorer 5.5(یا جدیدتر) و Firefox پشتیبانی می شود.
اطلاعات بیشتر (more)

موفق باشید

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. درباره سعید زبردست
  2. سلامی از دیار محبت
  3. روش بدست آوردن آخرین آی دی ثبت شده در دیتابیس – MySQL

]]> http://zebardast.ir/first-letter-%d8%af%d8%b1-css/feed/ 0 کاربرد اعلان important در CSShttp://zebardast.ir/%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%d8%af-important-%d8%af%d8%b1-css/ http://zebardast.ir/%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%d8%af-important-%d8%af%d8%b1-css/#comments Sun, 21 Jan 2007 12:50:04 +0000 سعید زبردست http://itpencil.wordpress.com/2007/01/21/%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%d8%af-important-%d8%af%d8%b1-css/ مطالب مرتبط:
  1. واحد های CSS
  2. درباره سعید زبردست
  3. گالری فایرفاکس
]]> سلام

گاهی اوقات در بعضی از دستورات CSS با عبارت !important مواجه شده اید. در مورد کاربرد آن چه می دانید؟
به کد استایل زیر توجه کنید:

p {
background-color:#fff ;
color:#000 ! important;
}

p {
background-color:#9cf ;
color:#f00;
}

!important باعث می شود که کد کنار آن بیشترین اولیت را داشته باشد. در کد بالا با وجود اینکه color:#f00 بعد از color:#000 آمده است و در حالت عادی اولویت بیشتری دارد، به دلیل وجود !important کنار color:#000، اولیت نهایی با رنگ 000 است.
کد بالا بعد از اولویت بندی به صورت زیر در می آید:

p {
background-color:#9cf ;
color:#000 !important;
}

اطلاعات بیشتر(more)
موفق باشید

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. واحد های CSS
  2. درباره سعید زبردست
  3. گالری فایرفاکس

]]> http://zebardast.ir/%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%d8%af-important-%d8%af%d8%b1-css/feed/ 0 یک کد ساده ولی کارآمد CSShttp://zebardast.ir/%db%8c%da%a9-%da%a9%d8%af-%d8%b3%d8%a7%d8%af%d9%87-%d9%88%d9%84%db%8c-%da%a9%d8%a7%d8%b1%d8%a2%d9%85%d8%af-css/ http://zebardast.ir/%db%8c%da%a9-%da%a9%d8%af-%d8%b3%d8%a7%d8%af%d9%87-%d9%88%d9%84%db%8c-%da%a9%d8%a7%d8%b1%d8%a2%d9%85%d8%af-css/#comments Sat, 13 Jan 2007 20:36:39 +0000 سعید زبردست http://itpencil.wordpress.com/2007/01/13/%db%8c%da%a9-%da%a9%d8%af-%d8%b3%d8%a7%d8%af%d9%87-%d9%88%d9%84%db%8c-%da%a9%d8%a7%d8%b1%d8%a2%d9%85%d8%af-css/ مطالب مرتبط:
  1. نحوه نگارش دستورات css
  2. ساده ترین شمارنده بازدیدکنندگان با PHP
  3. درباره HTML 5
]]> سلام

به احتمال زیاد شما به مشکل margin ها و padding هایی که به صورت ناخواسته به کد های HTML شما اضافه می شوند برخورد کرده اید.
این مشکل بیشتر در تگ های p، form و table دیده می شود. برای اینکه شما خیلی ساده تمامی margin ها و padding ها را برابر صفر قرار دهید، می توانید از کد CSS زیر بهره گیرید:

* {
margin: 0;
padding: 0;
}

گزینشگر (selector) * خصیصه (property) و مقدار (value) موجود را بر روی تمامی عناصر و تگ های HTML به کار می برد.
علاوه بر margin و padding شما می توانید از گزینشگر (*) جهت اعمل فونت، رنگ و … بر روی تمامی عناصر استفاده نمائید.

منبع (source)
موفق باشید

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. نحوه نگارش دستورات css
  2. ساده ترین شمارنده بازدیدکنندگان با PHP
  3. درباره HTML 5

]]> http://zebardast.ir/%db%8c%da%a9-%da%a9%d8%af-%d8%b3%d8%a7%d8%af%d9%87-%d9%88%d9%84%db%8c-%da%a9%d8%a7%d8%b1%d8%a2%d9%85%d8%af-css/feed/ 0 خاصیت توو رفتگی سر سطر (CSS text-indent Property)http://zebardast.ir/css-text-indent-property-3/ http://zebardast.ir/css-text-indent-property-3/#comments Sat, 30 Dec 2006 15:15:39 +0000 سعید زبردست http://itpencil.wordpress.com/2006/12/30/css-text-indent-property-3/ مطالب مرتبط:
  1. درباره سعید زبردست
  2. نحوه نگارش دستورات css
  3. نمایه یا Colophon
]]> سلام

توو رفتگی سر سطر یا text-indent اصطلاحا به فاصله اولین سطر تا لبه کناری کادر گفته می شود.
در کتب درسی، روزنامه ها، مجلات و حتی سایت های اینترنتی از فاصله سر سطر جهت زیبای و خوانا شدن متن استفاده می کنند. نمونه این خاصیت در وبلاگ من + زندگی مجازی موجود است.

این خاصیت وراثتی (Inheritance) می باشد. نمونه کد CSS آن را در زیر مشاهده می کنید:

p
{
text-indent: 10%
}

p
{
text-indent: -12px
}

p
{
text-indent: 20px
}

به عنوان مثال این سطر به اندازه 20 پیکسل توو رفتگی دارد.

موفق و سربلند باشید

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. درباره سعید زبردست
  2. نحوه نگارش دستورات css
  3. نمایه یا Colophon

]]> http://zebardast.ir/css-text-indent-property-3/feed/ 0 Alternate Style Sheets – استایل جایگزینhttp://zebardast.ir/alternate-style-sheets-%d8%a7%d8%b3%d8%aa%d8%a7%db%8c%d9%84-%d8%ac%d8%a7%db%8c%da%af%d8%b2%db%8c%d9%86/ http://zebardast.ir/alternate-style-sheets-%d8%a7%d8%b3%d8%aa%d8%a7%db%8c%d9%84-%d8%ac%d8%a7%db%8c%da%af%d8%b2%db%8c%d9%86/#comments Mon, 25 Sep 2006 14:23:10 +0000 سعید زبردست http://itpencil.wordpress.com/2006/09/25/alternate-style-sheets-%d8%a7%d8%b3%d8%aa%d8%a7%db%8c%d9%84-%d8%ac%d8%a7%db%8c%da%af%d8%b2%db%8c%d9%86/ مطالب مرتبط:
  1. حل مشکل سایز فیلد password در IE
  2. چگونه فایرفاکس را متوجه خروجی RSS سایتمان کنیم؟
  3. first letter در CSS
]]> گاهی اوقات لازم است از چندین استایل برای طراحی سایت خود استفاده نمائید. مثلا با توجه به بینائی افراد استایل های مختلفی را طراحی کنید.
این کار بسیار ساده است. کافیست بعد از اضافه کردن استایل پایه با دستور زیر

<link rel="stylesheet" title="TITLE" href="URL"/>

که در آن title = عنوان دلخواه برای این استایل و href = آدرس نسبی یا مطلق این استایل می باشد، با استفاده از دستور زیر به تعداد دلخواه استایل جایگزین بسازید:

<link rel="alternate stylesheet" title="TITLE" href="URL"/>

برای سوئیچ کردن بین استایل های مختلف کافی است بعد از باز شدن صفحه حاوی استایل های جایگزین، در مرورگر فایرفاکس (FireFox) به منو View رفته و از زیر منو Page Style استایل جایگزین مورد نظر را انتخاب کنید.

نمونه ای از این امکان را در اینجا ببینید.

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. حل مشکل سایز فیلد password در IE
  2. چگونه فایرفاکس را متوجه خروجی RSS سایتمان کنیم؟
  3. first letter در CSS

]]> http://zebardast.ir/alternate-style-sheets-%d8%a7%d8%b3%d8%aa%d8%a7%db%8c%d9%84-%d8%ac%d8%a7%db%8c%da%af%d8%b2%db%8c%d9%86/feed/ 0 نحوه نگارش دستورات csshttp://zebardast.ir/%d9%86%d8%ad%d9%88%d9%87-%d9%86%da%af%d8%a7%d8%b1%d8%b4-%d8%af%d8%b3%d8%aa%d9%88%d8%b1%d8%a7%d8%aa-css/ http://zebardast.ir/%d9%86%d8%ad%d9%88%d9%87-%d9%86%da%af%d8%a7%d8%b1%d8%b4-%d8%af%d8%b3%d8%aa%d9%88%d8%b1%d8%a7%d8%aa-css/#comments Mon, 07 Aug 2006 20:19:39 +0000 سعید زبردست http://itpencil.wordpress.com/2006/08/07/%d9%86%d8%ad%d9%88%d9%87-%d9%86%da%af%d8%a7%d8%b1%d8%b4-%d8%af%d8%b3%d8%aa%d9%88%d8%b1%d8%a7%d8%aa-css/ مطالب مرتبط:
  1. یک کد ساده ولی کارآمد CSS
  2. اعمال چندین کلاس به یک عنصر (تگ) HTML
  3. تفاوت های HTML با XHTML
]]> دستورات css از 3 قسمت تشکیل می شوند:

  1. گزینشگر – selector
  2. خصیصه – property
  3. مقدار – value

selector {property: value}

گزینشگر یک تگ html و یا یک عنصر مانند گروه است. خصیصه نیز قسمتی از کد html است که می تواند مقداری را به خود اختصاص دهد. مانند خصیصه align که مربوط به نحوه قرار گرفتن متن، عکس و … است. مقدار هم که مشخص کننده چگونگی خصیصه است.

  • برای دادن یک مقدار به چند خصیصه، از ویرگول برای جدا کردن آنها استفاده کنید. و برعکس.
  • اگر مقدار که می خواهید به خصیصه اختصاص دهید بیش از یک کلمه (دارای فاصله (white space)) باشد، باید از علامت کوتیشن(‘) یا دابل کوتیشن(“) استفاده کنید.

p, a, table {font:’Times New Roman’, Times, serif}

  • در صورت نیاز به دادن چند ویژگی به یک خصیصه، باید ویژگی ها را با استفاده از سمی کولون (نقطه ویرگول “;”) از هم جدا کنید.
  • برای خواناتر شدن کد های css می توانید از خطوط جدید و فاصله (white space) استفاده کنید.

p
{
text-align: center;
color: black;
font-family: arial
}

گزینشگر گروه بندی شده
منظور از گروه بندی مقدار دهی یک خصیصه به گروهی از تگ ها می باشد. در زیر ما خصیصه رنگ تمامی هدر ها را برابر سبز قرار دادیم:

h1,h2,h3,h4,h5,h6
{
color: green
}

گزینشگر کلاس بندی شده
در حالت کلی 2 نوع کلاس بندی وجود دارد. یکی کلاس بندی یک تگ خاص و دیگری کلاس بندی عمومی.
کلاس بندی یک تگ خاص
در این حالت بعد از اسم تگ یک نقطه گذاشته و سپس نام کلاس را می نویسیم (نام کلاس را به دلخواه خود انتخاب می کنیم. فقط باید توجه داشته باشیم که نام های مناسب بگزینیم تا کدهایی خوانا داشته باشیم). مانند کلاس center برای تگ پاراگراف (p) که تنها برای تگ پاراگراف قابل استفاده می باشد.

p.center {text-align: center}

کلاس بندی عمومی
در این حالت، کلاس برای تمامی تگ ها قابل استفاده می باشد. و نحوه تعریف آن بدین صورت است که یک نقطه می نویسیم و بعد از آن نام کلاس را وارد می کنیم. مانند کلاس عمومی center در زیر:

.center {text-align: center}

گزینشگر با ID
در این حالت ابتدا باید برای تگ مورد نظر خود یک آی دی تعریف کنید. مانند آی دی para برای پراگراف در زیر :

<p id="para"></p>

سپس برای تعریف کدهای css آن با قرار دادن یک علامت # و سپس وارد کردن نام آی آن خصیصه های دلخواه را به آن بدهید:

#para {text-align: right}

چند نکته

  1. توجه داشته باشید که برای هر تگ html فقط از یک کلاس می توانید استفاده کنید.
  2. تمامی موارد بالا در داخل تگ استایل تعریف می شوند. برای استفاده از آنها در صورتی که از حالت گروه بندی یا گزینشگر ID نیاز به انجام کار خاصی نیست. ولی اگر از حالت کلاس بندی (چه عمومی و چه برای یک تگ خاص) استفاده کرده باشید، باید در داخل تگ html خود خصیصه class را برابر نام کلاس مورد نظر خود قرار دهید. مانند:

    <p class="right"></p>

  3. نام کلاس و نام آی دی را با عدد شروع نکنید! زیرا بعضی از مرورگرهای وب مانند فایرفاکس، کلاس و آی دی هائی که نام آنها با عدد شروع شده باشد را نادیده می گیرند.

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. یک کد ساده ولی کارآمد CSS
  2. اعمال چندین کلاس به یک عنصر (تگ) HTML
  3. تفاوت های HTML با XHTML

]]> http://zebardast.ir/%d9%86%d8%ad%d9%88%d9%87-%d9%86%da%af%d8%a7%d8%b1%d8%b4-%d8%af%d8%b3%d8%aa%d9%88%d8%b1%d8%a7%d8%aa-css/feed/ 1 مقدمه ای برای CSShttp://zebardast.ir/%d9%85%d9%82%d8%af%d9%85%d9%87-%d8%a7%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-css/ http://zebardast.ir/%d9%85%d9%82%d8%af%d9%85%d9%87-%d8%a7%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-css/#comments Wed, 05 Jul 2006 22:10:05 +0000 سعید زبردست http://itpencil.wordpress.com/2006/07/06/%d9%85%d9%82%d8%af%d9%85%d9%87-%d8%a7%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-css/ مطالب مرتبط:
  1. مقدمه ای برای جاوا اسکریپت
  2. مقدمه MySQL
  3. مقدمه PHP
]]> CSS یا همان Cascading Style Sheets در لغت به معنی شیوه نامه های آبشاری می باشد و در دنیای طراحی وب منظور از آن زبان قالب بندی صفحه معروف به CSS است که طراحی را بسیار آسان تر نموده است.

CSS زبان قالب بندی صفحه می باشد و در کل به 3 نوع تقسیم می شود:

شیوه نامه های inline
در این نوع دستورات لازم در کنار کد های HTML در داخل عبارت “”=style نوشته می شود. مانند زیر:

<p style="color:#aaaaaa;
font-size:12px;">inline</p>

شیوه نامه های درون صفحه ای
دستورات در این نوع نمایش داخل عبارت زیر قرار می گیرد:

<style>

<!–

–>

</style>

مانند:

<style>

<!–

p {

color:#aaaaaa;

font-size:12px;

}

–>

</style>

نکته: عبارت

<!–

بعد از

<style>

و عبارت

–>

قبل از

</style>

به این دلیل می باشد که اگر مرورگر از شیوه نامه پشتیبانی نکند، دستورات شیوه نامه به صورت توضیحات در نظر گرفته می شود(جهت جلوگیری از چاپ آنها به صورت متن).

شیوه نامه های خارجی(پیوند شده)
این شیوه نامه ها به صورت یک فایل جداگانه ذخیره شده و ساختار دستورات و ویژگی های آن مانند دو نوع قبل می باشد. اینگونه شیوه نامه ها در قالب فایلی با پسوند CSS. ذخیره می شوند.
با دستور زیر فایل شیوه نامه خارجی فراخوانی می شود(CSS URL آدرس نسبی یا مطلق فایل شیوه نامه است):

<link rel="stylesheet" href="CSS URL" type="text/css">

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. مقدمه ای برای جاوا اسکریپت
  2. مقدمه MySQL
  3. مقدمه PHP

]]> http://zebardast.ir/%d9%85%d9%82%d8%af%d9%85%d9%87-%d8%a7%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-css/feed/ 0