نام و کد رنگ های وب در css و html

نام رنگ ها به فارسی و انگلیسی همراه با کد رنگ HEX و کد پایه در مدل RGB و نمونه رنگ ها

 نام و کد رنگ ها

همیشه برای تنظیم رنگ متن ، پس زمینه ، حاشیه و… در HTML ، CSS و فتوشاپ رنگ هایی وجود دارند. معمولا رنگ ها را با یک کد خاص به کار بردند. چیزی شبیه rrggbb# یا rgb(255,255,255) که لیست کامل رنگ ها همراه با نام فارسی و انگلیسی و کد های HEX و RGB رنگ ها رد در این صفحه برای شما قرار داده ام و امیدوارم برای شما مفید باشند. 

خصوصیت های تگ div و span

هم راستای اموزش و معرفی تگ ها و خصوصیت ها در زبان های html و css که زبان های تحت وب هستند تصمیم داشتیم شما کاربران را با این خصوصیت های تگ div و span اشنا سازیم و به طور خلاصه از div برای ایجاد بلاک های غیر هم سطح نگهدارنده (container) سایر عناصر صفحه و از span برای ایجاد بلاک های هم سطح (inline) و معمولا برای نگهداری محتوای متنی استفاده می شود و در این مقاله خصوصیت تگ span و div را مورد بحث قرار خواهیم داد. 

نحوه استفاده از فونت فارسی در وب با زبان css

 

آموزش استفاده از فونت فارسی در وب با CSS

یکی از قابلیت های خوب افزوده شده به CSS در نسخه 3، امکان استفاده از فونت هایی است که پیش از این تنها در سیستم عامل کاربران قابل نمایش و استفاده بودند، چرا که در وب به طور معمول تنها فونت های خاصی که در تمام سیستم عامل ها نصب و قابل اجرا هستند، پشتیبانی می شود و بقیه موارد به صورت پیش فرض (به طور مثال با فونت Arial) نمایش داده خواهند شد، از این رو توسعه دهنده گان CSS، به فکر راه حل این مشکل افتادند تا اینکه در نسخه سه خاصیتی با نام font-face@ معرفی شد، البته در ادامه خواهیم دید که استفاده از این خاصیت آنچنان هم به سادگی حالت معمول تعریف یک فونت نیست و به اصطلاح ریزه کاری هایی دارد.  

اموزش تگ body در html

تگ body در HTML

تگ body یکی از مهمترین و اساسی ترین تگ های زبان HTML و بطور کلی میتونیم بگیم این تگ ستون اصلی یک صفحه ی وب می باشد.

مطمعنم تا الان هر صفحه ی وبی را که دیده اید این تگ را نیز در آن صفحه دیده اید، بله این تگ ستون اصلی و اساس یک صفحه ی وب می باشد که وجود آن در یک صفحه وب ضروری می باشد.

تگ body همونطور که از اسمش هم مشخصه میاد و بادی ( Body ) بدن یک صفحه وب را ایجاد مینماید ، و هرچیزی که درون این بدن قرار بگیرد در مرورگرها برای کاربران قابل مشاهده می باشد. 

ویژگی float در زبان css و html-[جلسه سوم]

روش های رفع مشکل  float

استفاده از یک عنصر خالی در نگهدارنده 

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

پس کافی است عنصر زیر را به عنوان آخرین فرزند نگهدارنده قرار دهید:

<div style="clear:both;"></div>

یا می توانید از یک کلاس برای این کار استفاده کنید: 

ویژگی float در زبان css و html-[جلسه دوم]

صفحه ارایی با استفاده از float

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

در نتیجه با ورود float به دنیای وب جایگزین خوبی برای روش قبلی صفحه آرایی شد. کافی است به عناصر بلاک که نقش نگهدارنده های اصلی صفحه را دارند float داده شود تا بتوانیم ستون های مختلف برای محتوای صفحه را بسازیم.