• ورود
  • هیچ محصولی در سبد خرید نیست.

صفحات استایل آبشاری چیست ؟

CSS یا به اختصار (Cascading style sheets) در فارسی به معنی صفحات استایل آبشاری است، دلیل آبشاری بودن آن هم در سینتکس یا نوشتار آن است در CSS هر تغییری که بر روی یک عنصر ایجاد کنیم بر زیر مجموعه (فرزندان) آن هم تاثیر دارد.ما به وسیله  CSS میتوانیم خصوصیات ظاهری صفحه وبسایت خود را ایجاد کنیم .با html میتوان بدنه سایت خود را ایجاد کنیم و با CSS میتوانیم خصوصیات ظاهری را درست کنیم.

اگر میخواهید CSS را راحت بفهمید یا درک کنید باید تسلط نسبی به html داشته باشید.در CSS چند مبحث بسیار مهم وجود دارد که باید یاد بگیرید :

مبحث فرزند – پدر      ( parent, child )

مفهوم عنصر و صفت   (element, attribute)

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

 Content (این بخش وب به وسیله کد های HTM L ایجاد میشود)

Presentation (این بخش وب به وسیله کد های CSS ایجاد میشود)

 Behavior( این بخش وب به وسیله  JavaScript ایجاد میشود)

ساختار کدهای CSS

Selector  :  این بخش نام عنصری است که میخواهیم به آن استایل مورد نظر خود را بدهیم.

 Declaration  به هر چیزی که میان علامت {} نوشته میشود بخش اعلان است که در آن تمام ویژگی هایهای ظاهری را همراه با مقدار داخلی شان وارد میکنید مثلا در مثال بالا  colorکه یک ویژگی از قبل تعریف شده است که در آن شما میتوانید رنگ متن مورد نظر خود را عوض کنید یا در خط بعدی text-align  میتوانید موقعیت مکانی متن خود را عوض کنید در این مثال text-align  مساوی با center  است که متن ما را در مرکز (وسط) نشان خواهد داد.

اگر بخواهیم دستورات استایل مورد نظر ر روی یک عنصر  یا گروهی از عناصر اعمال بشه ازid  و Class استفاده میکنیم. بعنوان مثال برای دادن id اول به کد html خود رفته و برای عنصر مورد نظر خود صفت (id) تعریف می کنیم.

بعد به بخش دستورات  css رفته و در بخش  selector صفتی که برای عنصرمان تعریف کردیم را نوشته و یک “#”  قبل از آن اضافه می کنیم.

html
-----------------------------------
<p id="danialo"> Hello world <p>

CSS
-----------------------------------
#danialo {
 text-align:left;    
 color:blue;
}

برای یادگیری CSS ما w3schools.com را به شما پیشنهاد میکنیم.

مقالات بیشتر:

۱_ پایتون زبان برنامه نویسی محبوب برای برنامه های تلفن همراه

۲_ امنیت شبکه چیست ؟!

۳_ DJANGO چیست؟ دلیل محبوبیت فریم ورک

۴_ پلت فرم Pyramid چیست؟

خرداد ۳۱, ۱۳۹۹
0 0 vote
Article Rating
Subscribe
Notify of
guest
1 دیدگاه
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
ورژن 4 طراحی شده با ❤