<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> مهمة التدرب على نموذج الصندوق</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<style>
body{
background-color: LightSlateGray;
}
p{
background-color: royalblue;
color: white;
width: 400px;
line-height: 36px;
font-size: 18px;
letter-spacing: 2px;
font-family: 'Source Sans Pro', sans-serif;
padding: 10px 20px 10px 20px;
border: 5px inset blue;
box-sizing: border-box;
margin: 10px auto 10px auto;
}
div p{
background-color: limegreen;
border: 5px outset green;
}
</style>
</head>
<body>
<p> Never give up. Today is hard, tomorrow will be worse,
but the day after tomorrow will be sunshine</p>
<div>
<p>If you work just for money, you'll never make it, but if you
love what you're doing success will be yours</p>
</div>
</body>
</html>
في هذا الدرس سنقف مع أحد المهام التي قمت بالعمل عليها سابقاً ونتعرف من خلالها كيف تقوم لغة الـ CSS بإعطاء الأولوية لبعض القواعد على الأخرى