نام:محمد امین
نام خانوادگی:عسکری
مدرک: مهندسی کامپیوتر-نرم افزار،MCSE،CCNA
مهارت و تخصص: برنامه نویسی،طراحی گرافیکی،طراحی صفحات وب ایستا و پویا،طراحی و راه اندازی وب سایت،راه اندازی و پشتیبانی تخصصی انواع شبکه
علاقه ی شدید من نسبت به علم کامپیوتر از دوران کودکی باعث شد تا با شور و علاقه وارد این حیطه ی گسترده شوم و روز به روز علاوه بر کسب دانش و مهارت نسبت به قبل بیشتر علاقه مند باشم،هم اکنون نیز علاوه بر فراگیری دوره های مختلف به فعالیت در زمینه ی شبکه و وب مشغولم و همچنین آماده ی همکاری با علاقه مندان در تمام زمینه های مرتبط با کامپیوتر و IT خواهم بود.
استفاده از Style برای متن
- text-align محل قرارگیری متن در یک سطر را کنترل میکند و با justify, left, center, right مقداردهی میشود.
- text-indent برای دندانه دار کردن متن بکار میرود و با عدد مقدار دهی میشود که اگر در مقیاس پیکسل باشد بعد از عدد باید px نوشته شود مانند: text-indent:20px و اگر با درصد مقداردهی شود باید علامت % را بگذارید.
- letter-spacing اندازه بین حروف را کنترل میکند که برای حروف فارسی مناسب نیست و با عدد مقداردهی میشود که بعد از عدد px یا em نوشته میشود که در em بین حروف فاصله ای به اندازه حرف m تولید میشود.
- line-height برای کنترل فاصله خطوط از هم بکار میرود و با عدد سپس px مقداردهی میشود.
- font-family برای تعیین نوع فونت بکار میرود که در این خصوصیت میتوانید چندین فونت را قرار دهید که اگر سیستم بیننده سایت یک از آن فونتها را نداشت از دیگری استفاده کند، بدین صورت:font-family:Arial, Tahoma, Times New Roman
- font-style آرایش فونت را از لحاظ اریب بودن تعیین میکند که میتوانید از normal, italic, oblique استفاده کنید.
- font-weight آرایش حروف را از لحاظ ضخامت تعیین میکند که به دو روش مقدار میدهید ، با کلمات lighter, normal, bold, bolder و یا با اعداد بین ۱۰۰ تا ۹۰۰ .
- font-size اندازه حروف را به سه مدل کنترل میکند : در مدل absolute sizes از کلمات xxsmall, small, medium, large, xlarge, xxlarge در مدل relative sizes از smaller, larger استفاده میکنیم و در مدل font-point-size اعداد ۱ تا ۱۲ قرار میدهیم که بعد از عدد pt باید بنویسیم .
font-style,font-weight,font-size,font-family
کلمه font را به عنوان selector مینویسیم و مقادیرخصوصیات را به ترتیب بالا با رعایت فاصله دربین { } قرار میدهیم،
font { italic bold 20pt “Arial” Tahoma }
- Color رنگ متن را تعیین میکند که هم اسم رنگ و یا کد هگز رنگ را مینویسید.
- text-decoration این خصوصیت وظیفه کشیدن خط برای حروف را دارد که میتوان از underline برای کشیدن خط زیر حروف، از overline در بالای حروف، line-through بر روی حروف استفاده کرد و اگر نیازی به کشیدن خط نیست از none استفاده میشود، همچنین blink که برای چشمک زدن حروف بکار میرود ولی مرورگر اینترنت اکسپلورر آنرا نمایش نمیدهد.
- text-transform این خصوصیت حروف را برای بعضی از زبانها مانند انگلیسی کوچک و بزرگ میکند و کاربردی برای فارسی ندارد. مقادیر مربوط به آن none, capitalize, uppercase, lowercase است.
Style برای زمینه صفحه و یا جدولها
- background-color توسط این خصوصیت رنگ زمینه را کنترل میکنید که اسم رنگ یا مقدار مخلوط سه رنگ قرمز، سبزوآبی را که rgb مینامند مینویسید برای هر رنگ از عدد ۰ تا عدد ۲۵۵ در نظر گرفته شده است. Style=”background-color: rgb(10,255,0)” داخل پرانتز عدد ۱۰ نمایانگر رنگ قرمز و ۲۵۵ رنگ سبز و ۰ رنگ آبی است که شما هم باید به همین ترتیب بنویسید.
- background-image توسط این خصوصیت میتوانید یک عکس به زمینه صفحه یا جدول اضافه کنید.
background-image: { url ( www.sitename.com/images/image.gif ) }
- background-repeat زمانیکه بوسیله خصوصیت بالا یک عکس به زمینه صفحه یا یک جدول اضافه میکنید، آن عکس نسبت به اندازه ای که دارد آنقدر تکرار میشود تا زمینه صفحه را پر کند اما توسط این خصوصیت میتوانید تکرار آن را کنترل کنید که اگر مقدار را repeat-x قرار دهید فقط یک ردیف بصورت افقی تکرار میشود و اگر repeat-y باشد بصورت عمودی و no-repeat باشد همان عکس فقط دیده میشود بدون تکرار.
- background-attachment اگر مقدار این خصوصیت را fixed قرار دهید عکسی که در زمینه صفحه است ثابت میماند و عناصر و محتوای صفحه با scroll کردن بالا و پایین خواهند شد ولی اگر مقدار را scroll بگذاریم همراه با بقیه عناصر حرکت میکند.
- background-position به کمک این خصوصیت محل قرارگیری عکس در زمینه صفحه را تعیین میکنید که مقادیر آن عبارتند از، top,bottom,center,left,right
background-color,background-image,background-repeat,
background-attachment,background-position
background: { green url(image.gif) no-repeat fixed bottom }
style=” background: green url(image.gif) no-repeat scroll bottom right “
منبع:http://iranw3.com/CSStut/css01.asp
Add your comment