ریسپانسیو کردن پارگراف 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>

 

استایل این مطالب به صورت داخلی به تگ ها داده شده است, وبا توجه به همین کدهای سی اس اس است که پارگراف ها به صورت ریسپانسیو نمایش داده میشوند.

مطالب مرتبط

کلیه حقوق مادی و معنوی این اثر متعلق به طراحی سایت اصفهان وب یار می باشد CopyRight 2016