Soofi
6 ماه پیش توسط Soofi مطرح شد
15 پاسخ

اجرای css در vscode

سلام دوستان صبحتون بخیر قبلا راجع به css که چرا تو vscode اجرا نمیشه مطالعه کردم اما هنوز هیچ تغییری نکرده کد ها رو هم تا جایی درست وارد کردم اما نمیشه کسی میتواند مارا یاری کند؟🫡


ثبت پرسش جدید
آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 6 ماه پیش مطرح شد
0

منظورت چیه؟
سی اس اس که دیدنی نیست
استایل برای وبسایت ها


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 6 ماه پیش مطرح شد
0

اول باید شما اچ تی ام ال رو بلد باشی که سی اس اس یاد بگیری


Soofi
تخصص : گرافیست و در حال یادگیری برنام...
@Aligami 6 ماه پیش مطرح شد
0

متوجهم منظورم اینه css اجرا نمیشه میدونم برای استایل دهی هس و اینکه من html رو بلدم منتهی حین آموزش css توی vscode روی فایل مدنظر اجرا نمیشه


Soofi
تخصص : گرافیست و در حال یادگیری برنام...
@Aligami 6 ماه پیش مطرح شد
0

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


مهدی
تخصص : توسعه دهنده فرانت اند
@mehdi8686h 6 ماه پیش مطرح شد
0

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


Soofi
تخصص : گرافیست و در حال یادگیری برنام...
@Aligami 6 ماه پیش مطرح شد
0

من عذر میخوام تازه در مرحله اول یادگیری css هستم کد هایی که زدم رو براتون اینجا ارسال کنم؟


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 6 ماه پیش مطرح شد
0

کد ها رو ارسال کنید
از html و css
یه عکس از ادیتورتون بفرستین


سید آرین سید مومن
تخصص : junior security researcher
@arianseyed 6 ماه پیش مطرح شد
0

درود @Aligami
به فایل html لینک کردید ؟
اگر نکردید


<link rel="stylesheet " href="style.css"></link>

مهدی
تخصص : توسعه دهنده فرانت اند
@mehdi8686h 6 ماه پیش مطرح شد
0

@Aligami
خواهش میکنم
بله کدهای html رو بزارید


محمد حسین قلندری
تخصص : دانشجو ، کارآموز فرانت اند
@MH8GHalandary 6 ماه پیش مطرح شد
0

چک کنید که کد html درست میتونه فایل css رو پیدا کنه و اضافه کنه استایل رو (مسیر رو دوباره چک کنید) ، بعیده که نتونه بخونه یا متوجه بشه


سینا پوراحمد
تخصص : دانشجو
@Hhhhhbh 4 ماه پیش مطرح شد
0

سلام و عرض ادب،مشکل شما حل شد؟من تازه شروع به یاد گیری css کردم و آدرس دهی رو درست انجام میدم ولی فقط کد هایی مثل عرض و فونت تغییر میکنن ولی رنگ پس زمینه و متن ها و کلا هرچی مربوط به رنگه اعمال نمیشه ممنون میشم راهنمایی کنید


پارسا فرهادیان
@Parsa Farhadian 4 ماه پیش مطرح شد
0

خب اول باید HTML رو بلد باشی.
بعدش برای وارد کردن کدای CSS سه راه وجود داره :

  1. از style به عنوان اتری بیوت توی opening tag ها استفاده کنی و براش property و value بزاری.
  2. توی بخش head سند HTML بیای تگ <style> </style>بزاری و توش و تگ ها، آیدی ها، و... رو select کنی و property هاتو روش پیاده کنی.
  3. بیای یه سند دیگه با پسند « css.» درست کنی و بیا تگ هاتو توش select کنی و بهشون property و value بدی و توی سند HTML بیای تو بخش meta tag (همون head) تگ link بزاری و rel شو stylesheet بزاری و از تو بخش href هم آدرس اون پروژه CSS رو بدی و میتونی برای نشون دادن پروژه هات تو بخش href اول یه « /. » بزاری

مثال)

<link rel="stylesheet" href="./project.css">


پارسا فرهادیان
@Parsa Farhadian 4 ماه پیش مطرح شد
0

لطفا اگه میشه یه عکس یا یه عکس از کدای سی اس استون ارسال کنید تا بتونم بیشتر کمکتون کنم


پرهام شیاسی
تخصص : web design
@Parham0541 4 ماه پیش مطرح شد
0

سلام! صبح شما هم بخیر. اگر CSS شما در Visual Studio Code (VSCode) به درستی اجرا نمی‌شود، چند نکته وجود دارد که می‌توانید بررسی کنید:

1. بررسی ساختار فایل‌ها

مطمئن شوید که فایل HTML و CSS شما در یک پوشه قرار دارند و مسیر فایل CSS در HTML به درستی مشخص شده است. به عنوان مثال:

<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"> <!-- مطمئن شوید که نام فایل درست است -->
<title>صفحه من</title>
</head>
<body>
<h1>سلام دنیا!</h1>
</body>
</html>

2. بررسی نام فایل

مطمئن شوید که نام فایل CSS دقیقاً با آنچه در HTML نوشته‌اید مطابقت دارد (حساس به حروف بزرگ و کوچک است).

3. بررسی محتویات فایل CSS

مطمئن شوید که فایل CSS شما دارای کدهای صحیحی است. به عنوان مثال:

body {
background-color: lightblue;
}

h1 {
color: navy;
text-align: center;
}

4. استفاده از Live Server

اگر از VSCode استفاده می‌کنید، می‌توانید از افزونه Live Server استفاده کنید تا تغییرات را به صورت زنده مشاهده کنید. برای نصب این افزونه:

  • به بخش Extensions بروید (با کلیک بر روی آیکون Extensions در نوار کناری یا با فشار دادن Ctrl + Shift + X).
  • در نوار جستجو "Live Server" را جستجو کنید و آن را نصب کنید.
  • پس از نصب، روی فایل HTML راست کلیک کرده و گزینه "Open with Live Server" را انتخاب کنید.

5. بررسی کنسول مرورگر

اگر هنوز مشکل دارید، کنسول مرورگر را باز کنید (F12 یا راست کلیک و "Inspect") و به تب Console بروید. هر گونه خطا یا هشدار ممکن است به شما کمک کند تا مشکل را شناسایی کنید.

6. پاک کردن کش مرورگر

گاهی اوقات کش مرورگر می‌تواند باعث بروز مشکلاتی شود. سعی کنید کش مرورگر را پاک کنید و دوباره صفحه را بارگذاری کنید.

اگر بعد از انجام این مراحل هنوز مشکل دارید، لطفاً کدهای خود را به اشتراک بگذارید تا بتوانم بهتر کمک کنم.


پارسا نادری
تخصص : Programmer
@ParsaNaderi1387 4 ماه پیش آپدیت شد
0

با سلام .!
خوب برای شروع یکسری فریمورک ها و مینی فریمورک ها وجود دارند که با html , css ساختار خودشون رو شکل میدن و به اون style میدن برای مثال Flask , ...
جواب اصلی :
باید اول کد css رو به html لینک کنی مانند کد رو به رو البته مسیر من با مسیر تو فرق داره ولی شکل کلی همینطوره :
<link rel="stylesheet", href="{{urlfor('static', filename='css/styles.css')}}">
نکته : در بخش head در html این کد قرار میگیره .!
و در اخر هر با هر فریم ورک که کار میکنی کد اصلی خودت رو به html وصل میکنی و به این صورت در اثر یک اتفاق زینجیره وار کدت بالا میاد با style و structure که میخوای .!❤️🫡
برای مثال یه کد نوشتم برات :
html : -->>
""""
<DOCTYPE html!>
"html lang="en;
<head>
"meta charset="UTF-8;
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet", href="{{urlfor('static', filename='css/styles.css')}}">
<title>P.N😎</title>
</head>
<body>
<h1>👽Example😎</h1>
<hr>
<div class="content">
<p>
ParsaNaderi
<p/>
</div>
</body>
</html>
""""
css : -->
""""
body {
font-family: Arial, Helvetica, sans-serif ;
}
p{
text-align: center;
color: #333;
background-color: #ffffff;
padding: 20px;
}
""""
امیدوارم که مشکلت حل بشه .! 😎


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام