اموزش استفاده از سی اس اس در اچ تی ام ال | سیبل | اموزش برنامه نویسی و علوم رایانه

فایل رایگان هفته

Free

۱۳ خرداد ۱۳۹۵

آموزش راه اندازی وب سایت
اموزش

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


تور آموزشی وردپرس
کد تخفیف :
فعلا نداریم
دسته بندی مطالب
آموزش های تصویری
مقالات آموزشی
دوره های سایت
    تبلیغات در سایت
    ads
    ads
    محبوب ترین مطالب
    آموزش کامل RecyclerView
    ایجاد تولبار سفارشی
    آموزش ایجاد تولبار سفارشی در اندروید
    آموزش تصویری ایجاد قسمت راهنما برای نرم افزار اندروید
    قالب فروش فایل وردپرس
    قالب فروش فایل نسخه حرفه ای+آموزش تصویری
    آموزش استفاده از فونت ایکن در برنامه نویسی اندروید
    قالب فروش فایل
    قالب فروش فایل
    دانلود به ازای دریافت ایمیل
    افزونه دانلود به ازای دریافت ایمیل + آموزش تصویری
    قالب فروش فایل آذرخش
    قالب فروش فایل آذرخش
    9 ماه قبل
    شهرام نورانی
    بدون دیدگاه
    اموزش استفاده از سی اس اس در اچ تی ام ال

    اموزش تصویری استفاده از سی اس اس در اچ تی ام ال

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

     

    سی اس اس در اچ تی ام ال

    سی اس اس در اچ تی ام ال

    درباره div

    دایو ها برای تقسیم بندی صفحات html  استفاده می شوند و جایگزین بسیار مناسبی برای table ها شده اند ساختار کلی div ها به این شکل است.

    
    <div id="iddiv" class="classdiv">
    
    </div>
    
    

     

    مقادیر id  و class برای شناسای المان در اعمال خوصوصیاتی که توسط سی اس اس و یا زبان های دیگر می شود استفاده دارند.

    استفاده سی اس اس در اچ تی ام ال

    روش اول

    در روش اول کد های سی اس اس به صورت مستقیم در داخل المان نوشته می شوند به مثال زیر دقت کنید.

    
    
    <div style=" csscode " >
    
    </div>
    
    
    

    در داخل اتریبیوت style کد های css نوشته می شوند.

    روش دوم

    در این روش ابتدا به دایو یا المان مورد نظر یک id  و یا کلاس اختصاص میدهیم و در تگ head با استفاده از تگ style به المان های که به ای دی شون کد اختصاص د اده ایم را می نویسیم.

    
    <html>
    <head>
    
    
    <style>
    
    #iddiv{css code}
    
    .classdiv{css code}
    
    </style>
    
    
    </head>
    <body>
    
    
    <div id="iddiv"></div>
    
    
    <div class="classdiv"></div>
    
    
    
    </body>
    </html>
    
    

    در Css برای دست رسی به id از # و برای دست رسی به class از . استفاده می شود .

    روش شوم

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

    
    <html>
    <head>
    
    <link rel="stylesheet" href="style.css"/>
    
    </head>
    <body>
    
    
    <div id="iddiv"></div>
    
    
    <div class="classdiv"></div>
    
    
    
    </body>
    </html>
    
    

     


     

    مرجع کد های htmll

     

     

     

    حتما بخوانید :  افزونه دانلود به ازای دریافت ایمیل + آموزش تصویری
    فایل
    دانلود آموزشرایگان22 مگابایت
    پیشنهاد میشه از مطالب زیر دیدن کنید
    دوره آموزش کامل html و css

    دوره آموزش کامل html و css قسمت اول

    دوره آموزش کامل html و css قسمت اول به نام خدا تو این بخش از گروه نرم افزاری دوره آموزش کامل html و css رو برای شما کاربران عزیز آماده کردیم که  قسمت های اون هر چند روز یک بار بر روی سایت منتشر خواهد شد. در قسمت اول از این دوره یه توضیح در […]

    ادامه مطلب