شیوه های استفاده از css در صفحات وب سایت

شیوه های استفاده از css در صفحات وب سایت

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

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

 

1. در روش فایل های خارجی به راحتی در قسمت تگ <head> و با استفاده از تگ <link> می توانستید فایل css را ضمیمه کرده و از آن استفاده کنید، مانند کد زیر.

<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>
<body>
</body>
</html>

 

2. اما روش دیگری وجود دارد که به آن کدهای داخلی می گویند که با استفاده از تگ style نوشته می شود و بیشتر در صفحات کوچک، زمانی که امکان استفاده از فایل css به صورت جداگانه فراهم نباشد، مدیریت صفحات وب و غیره کاربرد دارد، مانند مثال زیر.

<html>
<head>
<style type=”text/css”>
…..
…..
</style>
</head>
<body>
</body>
</html>

 

در کد بالا، آنچه که مابین تگ <style> نوشته شود، شامل کدهای css شما خواهد بود و دیگر نیازی به استفاده از کدهای css خارجی مانند نمونه اول نمی باشد.

3. روش سوم استفاده از style در کنار تگ های html می باشد، این روش در زمانی که استایل دهی شما محدود باشد بسیار کاربرد دارد، مثلا زمانی که در یک ویرایشگر می خواهید یک قسمت از متن را تغییرات کوچکی بدهید، در زیر یک مثال نیز آورده شده است.

<html>
<head>
</head>
<body>
<p style=”font: 18px Tahoma;”>This is a test </p>
<p> This is a Question </p>
</body>
</html>

 

همانطور که در کد بالا میبینید، فقط در یکی از تگ های پاراگراف از کد css و با استفاده از style تغییرات ایجاد کرده ایم، این یک روش بسیار ساده، سبک و کاربردی در مواقع خاص و اضطراری می باشد.

۵ Comments

  • با سلام سایتی در اریانیک راه اندازی کردم اما خیلی اذیت میکنند و برای هر کاری پول میخان و ای کاش میخواستند اصلا توجهی به ایده هایی که داره حروم میشه و وقتی که سپری میشه ندارن خلاصه میخوام خودم سایت زدم رو خورد خورد یاد بگیرم با ورد پرس پیشنهادتون چیه ممنون میشم راهنماییم کنید bazaretrans.om

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

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

      امیدووارم شاد، موفق و پیروز باشید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دانلود دوره 6 جلسه ای آموزش ایمیل مارکتینگ
6 درس کاملا رایگان
ما هم مانند شما از ایمیل های مزاحم متنفریم
دانلود رایگان ویژه نامه فکر آبی
با دانلود ویژه نامه تنها 5 ثانیه فاصله دارید !
شکارچی مشتریان وب سایت خودتان شوید
شش کلید طلایی افزایش فروش
فروشنده خاموش را بیدار کنید !
70 دقیقه ویدئو آموزشی به همراه صوت
دانلود رایگان رازهای کسب و کار اینترنتی
پرده از اسرار کسب درآمدهای میلیونی از اینترنت بردارید
اگر در این دوره شرکت نکنید بیش از 2 ساعت آموزش شگفت انگیز را از دست خواهید داد.
دو ساعت آموزش رایگان به صورت ویدئویی
فقط 5 ثانیه تا دانلود این کتاب فاصله دارید
این آموزش رایگان به ایمیل شما ارسال می شود
فقط 5 ثانیه تا دانلود این کتاب فاصله دارید
می خواهم زودتر از همه فیلم این وبینار را تهیه کنم
فقط 5 ثانیه تا دانلود این ویدئو فاصله دارید
فقط 5 ثانیه تا دانلود این کتاب فاصله دارید
فقط 5 ثانیه تا دانلود این کتاب فاصله دارید
فقط 5 ثانیه تا دانلود این ویدئو فاصله دارید
فقط 5 ثانیه تا دانلود این ویدئو فاصله دارید
چه چیزی رو دوست داری رایگان یاد بگیری ؟
اینجا کلی آموزش های رایگان ویدئویی براتون آماده کردم
آموزش هایی براتون در نظر گرفتم که بیش از 1.000.000 تومان ارزش دارند
کدوم آموزش برای من مناسبه و منو به هدفم میرسونه ؟
برای شروع کسب و کار اینترنتی پولساز کلید "کسب و کار اینترنتی"
برای افزایش فروش با کمترین تلاش کلید "بازاریابی اینترنتی"
آخرین مرحله برای بهترین انتخاب شما
اگر مدرس، متخصص، مشاور، سخنران، استاد دانشگاه هستید یا چیزی برای یاد دادن به دیگران دارید "مدرسان پولساز"
در غیر اینصورت "شروع میکنم" را انتخاب کنید.
زودتر از بقیه از فرصت پولسازی سال 97 باخبر شوید
دانلود رایگان رازهای تبدیل دانش به درآمدهای میلیونی
همین حالا رازهایی را دانلود می کنید که برای همیشه آینده مالی و جایگاه اجتماعی شما را دگرگون خواهد کرد.
اگر در این دوره شرکت نکنید بیش از 1 ساعت آموزش شگفت انگیز را از دست خواهید داد.
دانلود رایگان رازهای بازاریابی اینترنتی
کمتر از 30 ثانیه تا دانلود رایگان رازهای افزایش فروش وب سایت خودتان فاصله دارید!
اگر در این دوره شرکت نکنید بیش از 5 درس آموزش شگفت انگیز را از دست خواهید داد.
یک پیشنهاد کاملا رایگان و رد نشدنی
پنج راز بازاریابی اینترنتی که فروش سایت شما را سه برابر خواهد کرد در قالب پنج ویدئو قابل دانلود و رایگان
اگر در این دوره شرکت نکنید بیش از 5 درس آموزش شگفت انگیز را از دست خواهید داد.
یک پیشنهاد کاملا رایگان و رد نشدنی
همین حالا کسب و کار اینترنتی را در قالب 7 درس ویدئویی قابل دانلود به صورت کاملا رایگان یاد بگیرید.
اگر در این دوره شرکت نکنید بیش از 2 ساعت آموزش شگفت انگیز را از دست خواهید داد.
یک پیشنهاد کاملا رایگان و رد نشدنی
همین حالا در دوره رازهای تبدیل دانش به درآمدهای میلیونی در قالب 5 درس ویدئویی قابل دانلود شرکت کنید.
اگر در این دوره شرکت نکنید بیش از 1 ساعت آموزش شگفت انگیز را از دست خواهید داد.
50%
تخفیف فقط همین حالا
فقط همین حالا می توانید بسته 100 ایده کسب و کار اینترنتی پولساز را با 50% تخفیف تهیه کنید، این پیشنهاد هرگز تکرار نخواهد شد.
80%
تخفیف برای تهیه جلسه اول
من میخواهم هر گونه ریسکی را برای شما از بین ببرم و به شما اطمینان خاطر بدهم آموزش های این بسته فوق العاده هستند، بنابراین می توانید جلسه اول مدرسان پولساز آنلاین را با 80% تخفیف تهیه کنید و در صورت رضایت بسته جامع را سفارش دهید.
تخفیف
فقط 9600 تومان