بازی آنلاین
آپلود عکس
11-05-2021، 9:32
نحوه استفاده از دستورات CSS در صفحه وب
بنده در مجموعه آموزش های زبان HTML یک مطلب با عنوان ” آموزش نحوه استفاده از CSS در HTML ” ایجاد کردم که در اون مطلب بطور کامل نحوه استفاده از دستورات CSS را در یک فایل HTML یا بطور کلی در یک صفحه وب آموزش دادم.
بخاطره همین، مجبور شدم مطلبی که الان در حال مطالعه آن هستید رو عنوانش رو کمی متفاوت تر بنویسیم تا دوباره کاری نشه ، از این بابت بنده عذرخواهی میکنم.
بطور کلی ما از ۳ روش میتونیم از دستورات CSS استفاده نماییم :
روش خطی یا درون خطی یا اینلاین یا Inline
روش داخلی یا درون صفحه ای یا Internal
روش خارجی یا مجزا یا External
که در ادامه بطور کامل این روش هارو آموزش خواهم داد.
آموزش روش استایل نویسی خطی یا Inline
در این روش ما باید از صفت Style در درون هر تگی که میخوایم براش استایل تعریف کنیم، استفاده نماییم. که آموزش صفت Style رو نیز بصورت جداگانه بطور کامل میتونید مشاهده نمایید.
بنده در مجموعه آموزش های زبان HTML یک مطلب با عنوان ” آموزش نحوه استفاده از CSS در HTML ” ایجاد کردم که در اون مطلب بطور کامل نحوه استفاده از دستورات CSS را در یک فایل HTML یا بطور کلی در یک صفحه وب آموزش دادم.
بخاطره همین، مجبور شدم مطلبی که الان در حال مطالعه آن هستید رو عنوانش رو کمی متفاوت تر بنویسیم تا دوباره کاری نشه ، از این بابت بنده عذرخواهی میکنم.
بطور کلی ما از ۳ روش میتونیم از دستورات CSS استفاده نماییم :
روش خطی یا درون خطی یا اینلاین یا Inline
روش داخلی یا درون صفحه ای یا Internal
روش خارجی یا مجزا یا External
که در ادامه بطور کامل این روش هارو آموزش خواهم داد.
آموزش روش استایل نویسی خطی یا Inline
در این روش ما باید از صفت Style در درون هر تگی که میخوایم براش استایل تعریف کنیم، استفاده نماییم. که آموزش صفت Style رو نیز بصورت جداگانه بطور کامل میتونید مشاهده نمایید.
کد:
مثال شماره ۱ :
<body>
<p style="background-color:green;">سایت آموزشی </p>
</body>
1
2
3
4
5
<body>
<p style="background-color:green;">سایت آموزشی</p>
</body>
مثال شماره ۲ :
<body>
<p style="background-color:green; color:#fff; padding:12px; text-align:center;">سایت آموزشی </p>
</body>
1
2
3
4
5
<body>
<p style="background-color:green; color:#fff; padding:12px; text-align:center;">سایت آموزشی </p>
</body>
![[-]](http://www.flashkhor.com/forum/images/collapse.gif "[-]")
