التخطي إلى المحتوى
شرح دورة الـ CSS للمبتدئين – الدرس الخامس عشر-ج2
الدروس المستخدمه من سلسله شروحات لغه الCSS فى هذا الكود:
  1.  ما هى وحده  PX                         .. رابط الرابع
  2. خواص الخطوط   Fonts                .. رابط السابع
  3. خواص الخلفيات Background      .. الدرس الثامن
  4. ماهو الID                                 .. الدرس الثالث عشر ج2
  5. ما هو ال Selector                      .. الدرس الرابع عشر

الكود باستخدام الطريقه الاولى :

<html>
<head>
<meta http-equiv="Content-Type" content="charset=UTF-8">
<title>Minds</title>
<!--========================================================-->



<style>
body{ margin : 100px 40px 30px 40px;
      background-color:black;
   border : medium gray solid ;
   border-top-width : 50px;
   border-bottom-width : 50px;
  }
<!---------------------------------------->
h1{    background : #800000;
       Padding- top: 120 px ;
       Padding-right : 100 px;
       padding- bottom : 130px ;
       padding - left : 140 px;
       color:white;
    font-weight:bold;}
<!---------------------------------------->

#photo {width=550px;
        height=350px;
        float : left ;}
<!---------------------------------------->

h2{    color:orange; 
       font-weight:bold;}
<!---------------------------------------->
li,a{  color:#008080;}
<!--.test{ clear : both ;}-->
</style>



<!--==========================================-->
</head>

<body >
<!--


<div id : photo;>
-->
<img id=photo src=th.png >



<h1>
 
مدونة مايندز هى مدونة عصرية 


موجهه للشباب العربى بجميع


 فئاته العمرية تحتوى على احدث 


 المقالات والشروحات


 فى عالم التكنولوجيا والانترنت غرضناهو اثراء المحتوى العربى وتوفير


 مساحة كافية  من المعلومات الواضحة والسهله عن التكنولوجيا
<!-------------------------------------------------------------->



<h2>
<u> CSSالدروس المستعان بها لبناء هذا الكود من سلسه شروحات لغه </h2>








<ol>
<font size=6>



<li><a href= http://sa.ae/5df8e98/>كتابه الكود بالطريقه الاولى



<li><a href= http://sa.ae/51165ec/>PX ما هى وحده القياس



<li><a href= http://sa.ae/5b09718/>Fontsخواص الخطوط



<li><a href=http://sa.ae/5b34f99/>Backgroundخواص الخلفيات



<li><a href= http://sa.ae/594e081/>Borderخواص الاطارات



<li><a href= http://sa.ae/5d3b08f/>IDماهو ال
</font>
</ol>



</h1>



</body>
</html>


النتيجه..

===============================

الآن .. أختبـــــــــــــــــــــــــــــ(ـنفسك)ــــــــــــــــــــــــــــــــــــــر..

1- لتنسخ الكود وترى النتيجه بنفسك
2-عدل فى الكود بحيث تكون بدايه الكلام من بعد الصوره وليس حول الصور

عن الكاتب

التعليقات

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Shares