ورود به حساب ثبت نام جدید فراموشی کلمه عبور
برای ورود به حساب کاربری خود، نام کاربری و کلمه عبورتان را در زیر وارد کرده و روی “ ورود به حساب” کلیک کنید.





اگر فرم ثبت نام برای شما نمایش داده نمیشود، اینجا را کلیک کنید.









اگر فرم بازیابی کلمه عبور برای شما نمایش داده نمیشود، اینجا را کلیک کنید.





نمایش نتایج: از 1 به 8 از 8

موضوع: آموزش css

  1. #1
    javanr0d
    پاسخگو و راهنما
    تاریخ عضویت
    1970 Jan
    محل سکونت
    VisualStudio
    نوشته ها
    192
    45
    161

    آموزش css

    زبان HTML براي ايجاد يك سيستم كد سازي جهاني به وجود آمد تا بوسيله آن بتوان صفحات وب را بدون توجه به نوع كامپيوتر طراحي كرد. خاصيت مهم HTML قالب بندي ساختاري مي*باشد ولی متاسفانه به طراحان قابلیت کنترل در همه زوایای صفحه را نمی*دهد. برای قالب بندی و ایجاد افکت های بیشتر از CSS استفاده می*کنیم.
    در واقع CSS این امکان را ایجاد می*کند تا طراح بتواند چندین مشخصه در طراحی صفحه را به یکباره تعیین کند بعنوان مثال خصوصیات تمامی تگهای h1 موجود در صفحه اعم از اندازه، فونت و رنگ را مشخص نمايد. و يا مشخصات ظاهري چندين صفحه را در يك فايل CSS تعيين نمايد.
    CSS مخفف کلمه Cascading Style Sheets ميباشند.
    نسخه های مختلف CSS به شرح زیر می*باشد:

    1- CSS1
    2- CSS2
    3- CSS3
    4- CSS-P
  2. 1
  3. #2
    javanr0d
    پاسخگو و راهنما
    تاریخ عضویت
    1970 Jan
    محل سکونت
    VisualStudio
    نوشته ها
    192
    45
    161

    روشهای به کارگیری css

    سه روش برای به کارگیری CSS وجود دارد:

    1- محلی: (Inline) در صورتیکه تا به حال از CSS استفاده نکرده*اید بهتر است از این روش ساده استفاده کنید، اگر چه با این روش نمی*توان یک style را برای یک مجموعه تگ در آن واحد اعمال کرد.
    در این روش درون تگ HTML ای که می*خواهیم قالب آن را تغییر دهیم ویژگی style را مانند زیر تایپ می*کنیم

    کد HTML:
    <tag style="css declarations" ...> content </tag>
    <p style="color : red"> content</p>
    <p style="color : red;font-size : 12pt;border:1pt blue dashed">

    2- داخلی: (Internal)

    این روش برای صفحات مجزایی که متن طولانی دارند بسیار مناسب می*باشد. بدین صورت می*توان style را در بالای سند HTML برای کل متن تعریف نمود.
    در اینحالت در داخل تگ < head > تگ < style > را مانند زیر تایپ کنید.

    کد HTML:
    <head> ... <style type="text/css">
    css declarations
    <style>
    </head>
    
    <head> ... <style type="text/css">
    p{font-family:verdana;color:red;font-sizept;border:1pt blue dashed}
    </style>
    </head>

    3- خارجی: (External)

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

    کد HTML:
    *.css including css declarations
    <head>
    <link rel="stylesheet" type="text/css" href="*.css">
    <head>

    نکته: url در یک style sheet خارجی(HREF)، مرتبط با محل فایل مذکور بر روی server می*باشد.


    [برای نمایش لینک باید عضو شوید. ]

    در اینحالت هر تغییری که در صفحه style sheet ایجاد شود به طور اتوماتیک در همه صفحات اعمال خواهد شد.
  4. 1
  5. #3
    javanr0d
    پاسخگو و راهنما
    تاریخ عضویت
    1970 Jan
    محل سکونت
    VisualStudio
    نوشته ها
    192
    45
    161

    طریقه نوشتن css در روش داخلی و خارجی

    طریقه نوشتن CSS در روش داخلی و خارجی به یکی از صورتهای عمومی زیر است:
    فعلا فرض را بر این می*گذاریم که selector همان تگ HTML است.
    کد HTML:
    selector { property:value}
    selector{ property1:value1;
    property2: value2;
    property3: value3
    property4: value4;
    }
    نکات مورد توجه:

    - خصوصیات هر تگ بایستی بین دو علامت {} قرار داده شوند. در ضمن بین هر خصوصیت و مقدار مربوطه به آن علامت ( : ) قرار داده می*شود.
    - می*توان چند خصوصیت از یک تگ را به یکباره تعریف نمود. در این حالت خصوصیات مختلف را با علامت ( ; ) از هم جدا می*کنند.
    - میتوان خصوصیات چندین تگ را به یکباره تعریف نمود. البته مي بايستي هر کدام از تگها را با علامت (, ) از هم جدا نمود.

    به عنوان مثال:

    کد HTML:
    h1,h2,h3{color : red}

    رنگ فونت هر سه تگ را قرمز می*کند.

    - از آنجا که تمام عناصر موجود در CSS توسط Browser ها شناخته نمی*شود بهتر است محتویات داخل تگ < style > را بین دو علامت قرار داده تا مشخصه *های تگ در Browserهايي كه اين عناصر را نمي*شناسند به صورت اشتباه نشان داده نشوند.
  6. 1
  7. #4
    javanr0d
    پاسخگو و راهنما
    تاریخ عضویت
    1970 Jan
    محل سکونت
    VisualStudio
    نوشته ها
    192
    45
    161

    موارد مورد استفاده به جاي Selector

    در فرمول فوق به جای selector موارد زیر را می*توان به کار برد:

    1- HTML tag

    کد HTML:
    p{...}                                table{...}                       h1{...}

    2- Class

    می توان اجزا داخل سند HTML را به صورت classهای مختلف طبقه بندی نمود تا بتوان هر کدام را به ترتیب استفاده نمود.
    در این حالت در تگ مورد نظر، عبارت CLASS=classname را که در آن classname نام class مناسب می*باشد را تایپ کنید و سپس در قسمت style صفحه html مانند نمونه زیر:

    کد HTML:
    .classname{...}
    .abc{color:red}

    نکته: از class فقط در styleهای داخلی و خارجی می*توان استفاده کرد.

    3-Contextual

    کد HTML:
    tag.classname{...}
    p.ccc{border:1pt dashed red}

    4- تو در تو (Nested)

    می*توان چند تگ را به صورت تو در تو قرار داد. در این صورت توسط یک فاصله (space) آنها را از هم جدا می*کنند.


    کد HTML:
    sel1 sel2 {...}
    به عنوان مثال:

    کد HTML:
    h1 em {color : red}

    تمام قسمتهایی که داخل تگ h1 توسط EM علامتگذاری شده*اند بصورت قرمز نشان می*دهد اما تگهای EM موجود در بقیه متون دیگر بصورت قرمز نوشته نمی*شوند.

    5-پیوندها(Link)

    کد HTML:
    a:link{...}
    a:hover{...}
    a:visited{...}
    a:active{...}
    ----------
    a.classname:link{...}
    a.classname:visited{...}
    a.classname:hover{...}
    a.classname:active{...}

    کلمه link را برای تغییر ظاهر پیوندهایی که هنوز بر روی آنها کلیک نشده است تایپ کنید.
    کلمه visited را برای تغییر ظاهر پیوندهایی که کلیک شده*اند تایپ کنید.
    کلمه active را برای تغییر ظاهر پیوندها در زمانی که کلیک می*شوند تایپ کنید.
    کلمه hover را برای تغییر ظاهر پیواندها در زمانیکه نشانگر موس روی آنها قرار می*گیرد تایپ کنید.
  8. 1
  9. #5
    javanr0d
    پاسخگو و راهنما
    تاریخ عضویت
    1970 Jan
    محل سکونت
    VisualStudio
    نوشته ها
    192
    45
    161

    خصوصیات تگها و مقادیر قابل الصاق به آنها

    توضیح 1: اگر این قسمت از جزوه را به خوبی متوجه نمی*شوید نگران نباشید. نحوه استفاده و کاربرد هر کدام از این خصوصیات در مثالهاي بعدي نشان داده*شده*است.

    توضیح2: در اینجا تعدادی از خصوصیات پرکاربرد آورده شده*است. مرجع کامل در پایان جزوه ارائه می*شود.

    [برای نمایش لینک باید عضو شوید. ]
  10. 1
  11. #6
    javanr0d
    پاسخگو و راهنما
    تاریخ عضویت
    1970 Jan
    محل سکونت
    VisualStudio
    نوشته ها
    192
    45
    161

    افكت زمينه عناصر صفحه - background

    مثال زير نشان مي دهد كه چگونه مي توان رنگ زمينه (background) يك عنصر را تغيير داد:
    [برای نمایش لینک باید عضو شوید. ]
  12. 1
  13. #7
    javanr0d
    پاسخگو و راهنما
    تاریخ عضویت
    1970 Jan
    محل سکونت
    VisualStudio
    نوشته ها
    192
    45
    161

    چگونگي درج تصوير در background

    مثال زير نشان مي*دهد چگونه مي*توان یک تصویر را background یک صفحه گذاشت:
    کد HTML:
    <html>
    <head>
    <style type="text/css">
    body
    {
    background-image:url('bgdesert.jpg')
    }
    </style>
    </head>
    <body>
    </body>
    </html>
  14. 1
  15. #8
    javanr0d
    پاسخگو و راهنما
    تاریخ عضویت
    1970 Jan
    محل سکونت
    VisualStudio
    نوشته ها
    192
    45
    161

    تكرار تصوير background در راستاي عمودي

    چگونه تصویر background فقط در راستاي عمودی تکرار شود:
    کد HTML:
    {
    background-image:
    url('bgdesert.jpg');
    background-repeat: repeat-y
    }
  16. 1
نمایش نتایج: از 1 به 8 از 8

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  

Content Relevant URLs by vBSEO 3.6.0 RC 2