آموزش سی اس اس

سلکتور یاانتخابگرها

همانطور که عناصر به یک صفحه وب اضافه می شوند، ممکن است از آموزش سی  اس اس استفاده کنند. انتخابگر دقیقا همان عنصر یا عناصر در اچ تی ام ال ما را تعیین می کند تا سبک ها (مانند رنگ، اندازه و موقعیت) را به هدف برساند و اعمال کند.

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

انتخابگرها عموما یک مقدار مشخصه مانند یک مقدار id یا مقدار کلاس را هدف قرار می دهند یا نوع عنصر را مانند <h1> یا <p> را هدف قرار می دهند. در آموزش سی اس اس، سلکتورها(انتخابگر) با براکت های curly bracket دنبال می شوند {}، که شامل سبک هایی است که برای عنصر انتخاب شده اعمال می شود.

انتخابگر در اینجا تمام عناصر <p> را هدف قرار می دهد

 

{……}p

 

خواص

هنگامی که یک عنصردر آموزش سی اس اس انتخاب می شود، یک ملک سبک هایی را که برای آن عنصر اعمال می شود تعیین می کند. نام اموال پس از یک انتخابگر، در داخل براکت های در حال تعویض، {}، و بلافاصله قبل از یک روده بزرگ،:.

خواص متعددی که می توانیم از آن استفاده کنیم، مانند پس زمینه، رنگ، اندازه قلم، ارتفاع و عرض، و خواص جدید اغلب اضافه شده است. در کد زیر ما تعریف رنگ ها و ویژگی های اندازه فونت را برای همه عناصر <p> اعمال می کنیم

}p

  ;…:color

 ; …:font-size

{

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

مقادیر را می توان به عنوان متن بین کولون،، و semicolon، شناسایی کرد. در اینجا ما همه عناصر <p> را انتخاب می کنیم و مقدار ملک رنگ را به رنگ نارنجی می دهیم و مقدار دارایی فونت اندازه 16 پیکسل است.

}p

 ; color: orange

  ;font-size: 16px

{

 

 

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

هر یک از اعلان ها با یک املاک آغاز می شود، که به دنبال آن یک کولون، ارزش اموال و در نهایت یک نقطه کلاسیک است. این یک شیوه معمول است که جفت های اموال و ارزش را درون محدوده های درازا قرار دهیم. همانند اچ تی ام ال، این سوراخ ها به حفظ کد ما سازماندهی شده و قابل خواندن است.

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

 

امکان ارسال دیدگاه وجود ندارد!