ریسپانسیو کردن پارگراف Responsive Paragraph
ریسپانسیو کردن پارگراف Responsive Paragraph
سلام دوستان وب یاری با دانش من,امروز یه بار دیگه با ترجمه ی یه آموزش درخصوص ریسپانسیو کردن صفحات وب به سراغ شما اومدم,امروز میخوام به شما یاد بدهم که طریقه ی ریسپانسیو کردن تگ پاراگراف tag <p> چگونه است؟؟
بازهم یه بار دیگه یه یادآوری کوچک در خصوص اصلاح ریسپانسیو برای دوستان تازه واردم به وب یار میدهم که طراحی ریسپانسیو طراحی است که به شما اجازه میدهد یه وب سایتی طراحی کنید که در تمامی انواع گوناگون صحفه نمایش ها از قبیل دسکتاپ,موبایل,تبلت,و … به درستی نمایش داده میشود.
طریقه ریسپانسیو کردن پاراگراف
ریسپانسیو کردن پاراگراف
Responsive Paragraph Containers
کد html و css پاراگراف ریسپانسیو:
<!DOCTYPE html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<style>
.content-paragraph {
float: left;
margin: 5px;
padding: 15px;
width: 300px;
height: 300px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>Responsive Web Site</h1>
<div class=”content-paragraph “>
<h2>Responsive1 </h2>
<p>به وب سایت وب یار خوش آمدید,مطالب طراحی سایت ریسپانسیو را حتما مطالعه کنید. </p>
<p> به وب سایت وب یار خوش آمدید,مطالب طراحی سایت ریسپانسیو را حتما مطالعه کنید</p>
</div>
<div class=” content-paragraph “>
<h2> Responsive2</h2>
<p>مطالب طراحی سایت ریسپانسیو به صورت مرحله به مرحله به شما آموزش داده میشود</p>
<p> مطالب طراحی سایت ریسپانسیو به صورت مرحله به مرحله به شما آموزش داده میشود</p>
</div>
<div class=” content-paragraph “>
<h2> Responsive3 </h2>
<p>مطالب طراحی ریسپانسیو وب یار در خصوص ریسپانسیو کردن پاراگراف ها</p>
<p> مطالب طراحی ریسپانسیو وب یار در خصوص ریسپانسیو کردن پاراگراف ها</p>
</div>
</body>
</html>
استایل این مطالب به صورت داخلی به تگ ها داده شده است, وبا توجه به همین کدهای سی اس اس است که پارگراف ها به صورت ریسپانسیو نمایش داده میشوند.
