عناصر صفحه به کمک تگ ها در زبان نشانه گذاری اچ تی ام ال ایجاد خواهد شد. گاهی نیاز است عناصر اچ تی ام ال دارای حاشیه در لبه ی داخلی خود باشد که از ویژگی border در سی اس اس استفاده می شود. مقادیری که ویژگی border می پذیرد و نحوه ی ویرایش آنها در شکل کاملا بیان شده است با کمک این ویژگی و مقادیر می توان حاشیه در اطراف عناصر اچ تی ام ال که با سلکتورهای سی اس اس انتخاب می شود ایجاد کرد

برای طراحی وب ابتدا عناصر صفحه با کمک زبان نشانه گذاری اچ تی ام ال ایجاد خواهد شد. بعد ایجاد عناصر هر قسمت از محتوا توسط سلکتورهای سی اس اس انتخاب خواهد شد تا استایل های مورد نظر ما به محتوا داده شود تا زیبایی دیداری ایجاد شود. اگر نیاز شود که border داخلی فقط در بالای عنصر ایجاد شود از border-top استفاده خواهد شد که نحوه ی ویرایش و کاربرد مقادیر در تصویر مشاهده خواهد شد.

برای طراحی وب ابتدا عناصر صفحه با کمک زبان نشانه گذاری اچ تی ام ال ایجاد خواهد شد. بعد ایجاد عناصر هر قسمت از محتوا توسط سلکتورهای سی اس اس انتخاب خواهد شد تا استایل های مورد نظر ما به محتوا داده شود تا زیبایی دیداری ایجاد شود. اگر نیاز شود که border داخلی فقط در پایین عنصر ایجاد شود از border-bottom استفاده خواهد شد که نحوه ی ویرایش و کاربرد مقادیر در تصویر

برای طراحی وب ابتدا عناصر صفحه با کمک زبان نشانه گذاری اچ تی ام ال ایجاد خواهد شد. بعد ایجاد عناصر هر قسمت از محتوا توسط سلکتورهای سی اس اس انتخاب خواهد شد تا استایل های مورد نظر ما به محتوا داده شود تا زیبایی دیداری ایجاد شود. اگر نیاز شود که border داخلی فقط در راست عنصر ایجاد شود از border-right استفاده خواهد شد که نحوه ی ویرایش و کاربرد مقادیر در تصویر

برای طراحی وب ابتدا عناصر صفحه با کمک زبان نشانه گذاری اچ تی ام ال ایجاد خواهد شد. بعد ایجاد عناصر هر قسمت از محتوا توسط سلکتورهای سی اس اس انتخاب خواهد شد تا استایل های مورد نظر ما به محتوا داده شود تا زیبایی دیداری ایجاد شود. اگر نیاز شود که border داخلی فقط در چپ عنصر ایجاد شود از border-left استفاده خواهد شد که نحوه ی ویرایش و کاربرد مقادیر در تصویر

بعد اینکه محتوا توسط تگ ها در سند a href="https://tuskaweb.ir/single/2/show">اچ تی ام ال ایجاد شد ما یک صفحه ی بدون استایل خواهیم داشت. با کمک سلکتورهای سی اس اس محتوا که در داخل تگ های اچ تی ام قرار داده شده است انتخاب می شود و استایل هایی به تگ ها داده خواهد شد. بعد انتخاب تگ می توان با کمک ویژگی color متن عنصر و بهش رنگ داد ویژگی color هم مقادیر کد رنگ و خواهد گرفت و هم می توان از نام رنگ ها استفاده کرد. و ویژگی دیگه که با سلکتور شبه کلاس after می توان به عنصر داد ویژگی content می باشد که محتوا رو بعد تگ select شده درج خواهد کرد. در تصویر نحوه ی ویرایش و عملکرد ویژگی color و content مشاهده می شود.

بعد اینکه محتوا توسط تگ ها در سند a href="https://tuskaweb.ir/single/2/show">اچ تی ام ال ایجاد شد ما یک صفحه ی بدون استایل خواهیم داشت. با کمک سلکتورهای سی اس اس محتوا که در داخل تگ های اچ تی ام قرار داده شده است انتخاب می شود و استایل هایی به تگ ها داده خواهد شد. بعد انتخاب تگ با کمک ویژگی direction در سی اس اس می توان جهت نوشتاری تگ را مشخص کرد. منظور از جهت نوشتاری این است که مانند فارسی از راست به چپ rtl باشد یا direction مانند زبان انگلیسی از چپ به راست ltr باشد.

بعد اینکه محتوا توسط تگ ها در سند a href="https://tuskaweb.ir/single/2/show">اچ تی ام ال ایجاد شد ما یک صفحه ی بدون استایل خواهیم داشت. با کمک سلکتورهای سی اس اس محتوا که در داخل تگ های اچ تی ام قرار داده شده است انتخاب می شود و استایل هایی به تگ ها داده خواهد شد. با استفاده از ویژگی display در css میتوان نحوه ی نمایش یک تگ را مشخص کرد برای مثال می توان تعریف کرد یک تگ به صورت بلاکی block تعریف شود یا به صورت اینلاینی inline تعریف شود. هرکدام از تگ ها در اچ تی ام ال یک نحوه ی نمایش داشته برای مثال تگ p حالت نمایش بلاکی یا block دارد یعنی کل عرض یک سطر و به خودش اختصاص خواهد داد. در مقابل تگ هایی هستند که نحوه ی نمایش اونها به صورت دورن خطی یا inline می باشد مانند تگ a , b , span و ... این عناصر در یک سطر کنار هم قرار خواهند گرفت و فقط به اندازه ی خودشون فضا اشغال خواهند کرد. حالا با کمک ویژگی display در css می توان نحوه ی نمایش پیش فرض تگ ها رو به دلخواه عوض کرد مثلا تگ p و به صورت inline نمایش داد. هم چنین با مقدار display برابر none می توان تگ و نمایش نداد ویژگی display برای یک container یا همان ظرف حاوی تگ ها می تونه نحوه ی نمایش به صورت flex یا grid هم بپذیرد.