2

إسأل أي سؤال متعلق في HTML و CSS وسأجاوبك عنه

السلام عليكم جميعاً

أعلم أنه هناك العديد من محبي البرمجة وممكن يريدون أن يبدؤوا مشوار البرمجة وعلى الرغم من أن الطريق طويل إلا أنه لاوجود لليأس معنا.

أول خطوات يبدأ بها المبرمج الجديد هي لغات الترميز والتصميم HTML و CSS قبل البدء بلغات البرمجةالمعقدة.

لكن كمبتدئ فأنت لديك الكثير من الأسئلة بل إنك لاتعلم هل أنت حقاً متمكن مما تعلمت أم لا؟

لذلك أنا هنا أخوكم في الله وسأساعد أي أحد يريد أن يسأل او يستفسر ضمن لغات HTML و CSS وأيضاً يمكنك تصحيح أعمالكم ومتابعة ماتدروس لأي نصائح أو استفسار.

تفضل بلسؤال ونحن نجيب فلا خير في كاتم علم

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

0
مجهول
  • حذف بواسطة المستخدم
0
aymanm أضف ردا

صديقي خاصيتان مختلفتان عن بعض ولكل منهما وظيفة معينة فمثلاً :  

h1 {

Visibility: hidden;

}

تقوم بإخفاء عنصر h1 من الصفحة تماماً

بينما opacity فهي الشفافية وتستخدم مع الصور غالباً او مع الاطارات التي تريد ان تخفف شفافيتها لاظهار النص

img {

;opacity: 0.4

}

واذا احببت معرفة تفاصيل اكثر عن هذا الموضوع يمكنك قراءة هذا الدرس

0
مجهول
  • حذف بواسطة المستخدم
4
assassinateur أضف ردا

الفرق هو أنك حتى ولو أعطيت عنصرا ما opacity: 0 فإنه سيبقى مرأيا، لكنك لا تراه فحسب

هذا يعني أنك إذا مررت المؤشر فوق رابط به opacity: 0 فالمؤشر سيتغير وإذا ضغطت عليه فسيعمل كما هو متوقع، وتستطيع تحديده عبر tab أيضا

أما visibility: hidden فهي تعمل بنفس مفهوم display: none بحيث أن لن يعمل إذا ضغظت عليه ولن تستطيع تحديده عبر tab ولكنه سيبقى المكان الذي أخذه مسبقا

اختلاف آخر سيكون في برامج قراءة الشاشة (لمعدومي النظر الذي يستخدمون برنامجا محتوى الشاشة) فجميع البرامج ستقرأ ما سيكون opacity: 0 وتتجاهل visibilty:hidden (عدى برنامجان يقرآن كل شيء حتى display:none)

تستخدم visibilty:hidden لإخفاء عنصر واستخدام animation معه عبر إخفائه قبل نزعه تماما من الصفحة

ولنقل أنك أردت أن تخفي نصا تماما عن أعين القراء ولكن تبقيه لبرامج قراءة الشاشات (بدل استخدام display: none التي لن تعمل) فتستطيع استخدام التالي

.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
0
مجهول
  • حذف بواسطة المستخدم
3
assassinateur أضف ردا

في الواقع الخاصية تم الاستغناء عنها ويتم استخدام clip-path

ما تقوم به clip-path هو إظهار جزء من المحتوى فحسب، سيتم إظهار ما قمت بتحديده أنت عبر القيم التي تعطيها للخاصية

clip-path تقوم بإظهار العنصر إنطلاقا من path خاص ب svg (إذا أرفقت ملف svg على شكل مثلث وطبقت الخاصية على عنصر ما، فسيظهر منه ما بحجم المثلث فحسب)

أما خاصية clip فهي تظهر العنصر على شكل مستطيل، أما القيم التي تعطيها لها أبعاده

التنويه على أن هذه الخاصية تعمل فقط عندما تكون position إما fixed أو absolute

1
belal_879 أضف ردا

قد تجد مبتغاك اخ علي

0
aymanm أضف ردا

اها فهمت أنك تريد الفرق بينهما لكن لامشكلة تأخرت في الرد عليك والأخ ماقصّر معك وشكراً

0
jawad99 أضف ردا

اخي الكريم عندي مشكلة في فهم padding و margin

ممكن شرح مفصل والامثلة جزاك الله خيرا

0
aymanm أضف ردا

صديقي الهوامش الخارجية margin

تحدد خاصية الهوامش الخارجية المسافة حول العنصر

تعمل الهوامش الخارجية على تحديد المسافة حول العنصر (خارج الحدود) . لاتحتوي الهوامش الخارجية على لون خلفية لأنها شفافة تماماً

للمزيد مع الأمثلة

أما الهوامش الداخلية padding : تحدد خاصية الهوامش الداخلية المسافة حول العنصر كما تعمل الهوامش الداخلية على تحديد المسافة حول العنصر (داخل الحدود) . تتأثر الهوامش الداخلية بلون خلفية العنصر

للمزيد مع الأمثلة

0
ahmedtawfek62 أضف ردا

السلام عليكم

اولا جزاك الله خير على الرد وجعلة فى ميزان حسناتك

انا اتعلم الhtml على موقع w3school ودورت كتير على كتاب انجليزى عن الhtml و يكون مجانى ما لقيت ابدا

فهل تعرف بعض الكتب اللى ممكن تفيدنى وشكرا

0
aymanm أضف ردا

بصراحة أخي لا أعلم عن الكتب باللغة الإنكليزية لكن يمكنك الاستفادة من المعهد العربي باللغة العربية أو متابعة دروس w3school من الموقع فهي مجانية ونفس الدروس ستشاهدها لو قرأتها من الكتاب.

0
DzMaster أضف ردا

السلام عليكم اخي الكريم انا احتاج الى دورة تعليم انشاء المواقع من الصفر مخصصة للمبتدئين .... مع العلم اني متقن لاحدى لغات البرمجة ولكن اريد انشاء موقع لذا يجب تعلم لغة برمجة HTML

0
aymanm أضف ردا

نعم أخي لإنشاء موقع ثابتبسيط فأنت تحتاج إلى لغة HTML و CSS ويمكنك متابعة دروسها على المعهد

كما يتضمن المعهد المزيد من دورات البرمجة

0
zouliga أضف ردا

السلام عليكم. كيف تربط ملف css خارجي بملف html وشكرا

0
kenan_pro أضف ردا

وعليكم السلام ورحمة الله وبركاته أخي بتكتب الامر :

0
aymanm أضف ردا

أخي يمكنك ربطه ببساطة من خلال وسم <link> كالتالي

*<link rel='stylesheet' href='

type='text/css' media='all' />

جميع اللواحق داخل الوسم اجبارية حتى يعمل ملف CSS بشكل صحيح كما أن اللاحقة href تحدد المسار الموجود به ملف CSS

0
AloneMoon أضف ردا

Write a program to calculate Electricity 2. Write a program to calculate Electricity bill in PHP? (5 marks) Description: You need to write a PHP program calculate electricity bill using if-else conditions. Conditions: For first 100 units – Rs. 3.50/unit For next 200 units – Rs. 4.00/unit For next 300 units Rs. 5.20/unit For units above 400 Rs. 6.50/unit Hint Use if else

0
AloneMoon أضف ردا

ممكن تساعدني في كودة