اثرات CSS: گوشه های گرد از عناصر

نحو شیوه نامه های آبشاری طوری طراحی شده است که به سادگی که امکان اخذ طراحی غیر منتظره ترین در دسترس است حتی به دور از برنامه نویسی و توسعه سایت های انسان است. شاید این واقعیت که کودکان بازی با بلوک در حافظه همه باقی می ماند، استفاده از تجربه چند وجهی در HTML، CSS آسان است.

با این حال، برنامه نویسی حال حاضر هنوز هم بسیار دور از ارائه سازه از واقعیت است. تا به حال، هر منطقه (اشغال آنچه که دوست دارید عنصر بلوک) در هر یک از معنای آن و انتصاب رسمی از یک شکل مستطیلی، است که در نظر خط منحنی کانتور تشکیل شده است.

تا به حال، هر دایره، گرد کردن شعاع، چگونه یک راست منحنی و غیره. ص در مورد معادلات پیچیده ریاضی و یا مکعب بسیار کوچک، ذوزنقه، مثلث و یا دیگر عناصر دارای مسیر مستقیم است که تشخیص به چشم به عنوان یک نقطه روی خط هستند.

طراحی راست کلاسیک

این تعجب آور نیست که پیشرفت در زمینه فن آوری اطلاعات برنامه نویسی و طراحی قانونی مستطیل شکل است. ایده های نوآورانه زمان در شکل گرد را هدر ندهید، اما فراموش نکنید که به ارائه در اختیار توسعه دهنده ویژگی های کافی و قوانین تگ های HTML، CSS و زبان های برنامه نویسی می باشد.

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

مقررات عمومی برای CSS

شیوه نامه های آبشاری ارائه به شرح زیر توصیف عناصر:

• مشخصات: VALUE.

در این مورد، اموال - نام خاص و ارزش می تواند به صورت یک نام یا یک لیست از نام یا ارزش.

با توجه به عناصر بلوک و نیاز به انجام از طریق CSS گوشه های گرد، آن را حس به استفاده از خاصیت border-radius و ارزش خود را در قالب "38px" یا "8PX 16px 24px 38px".

اگر مقدار داده شده توسط یک عدد، از آن خواهد شد به کسانی که برای تمام زوایای تنظیم شده است. ضبط هر چهار ارزشها عبارتند از:

• اولین شماره - به گوشه بالا سمت چپ.
• دوم - به سمت راست بالایی؛
• سوم - به سمت راست و پایین؛
• شدن - به سمت چپ پایین تر است.

به اشتراک گذاری برخی از قوانین

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

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

این مهم است که درک کنند که مرز، تصویر، از نظر زاویه طراحی - همان نوع از مفهوم. نقاشی را می توان در PNG فرمت ارائه شده است. او خواهد شد که توسط مرورگر با توجه به قوانین در CSS تاسیس برش،. گوشه های گرد - توسعه مراقبت، بدون در نظر گرفتن squareness از مواد منبع.

ویژگی های HTML، CSS از مرورگرهای

خوش آمدید عمده فروشی ضبط سبک - برای همه مرورگرها در یک بار. به هر حال نمونه های کلاسیک در موضوع "در CSS: گوشه های گرد" را به ارسال چنین است:

پس زمینه: # FF7F00؛ / * پس زمینه * /

مرز: 1px را CCCCCC # قرار دهید جامد؛ / * حاشیه * /

-moz-مرز-شعاع: 10px و. / * CSS گوشه های گرد برای موزیلا فایرفاکس * /

-webkit-مرز-شعاع: 10px و. / * ... برای سافاری و کروم * /

-khtml-مرز-شعاع: 10px و. / * ... Konquerer * /

مرز-شعاع: 10px و. / * این CSS گوشه های گرد برای همه * / و غیره. N.

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

جدول کلاسیک و فوق العاده

با وجود متعدد اختلاف حامیان طرح جدول (TR، TD) و گزینه با استفاده از تگ div و طول ( «شگفت انگیزی" طرح)، هدف عمل گزینه مورد علاقه منطقی لازم.

در برخی از div ها کرامت در جداول دیگر. اگر آنها مکمل یکدیگر نیست، و فقط رقابت، سوال کرده اند به سرعت در یک نسخه ای که ترکیبی از بهترین جنبه از جداول و دایو تبخیر شده است.

بسیاری از سایت های ایجاد شده با استفاده از سیستم مدیریت محتوا (سیستم مدیریت محتوا)، و در اختیار توسعه دهنده می آید نه تنها طیف گسترده ای از مجموعه داده های "غول" از صدها نفر از پوشه ها، اشیاء، بلکه جداول.

برچسب [DIV | دهانه]، به عنوان مثل، فاصله نگیرد، اما تنها چیزی که می آید دقیقا در رحمت کامل از توسعه - یک شیوه CSS. و هر سیستم مدیریت محتوا به وضوح از هم جدا کد، بخشی از آن را از خلاقیت توسعه دهنده و سبک خود را از سبک اضافه شده است، و در مورد تغییرات (به عنوان مثال، CSS - گرد کردن گوشه های جدول)، شما همیشه می توانید تنظیمات و سبک های پیش فرض بازگرداند.

منحنی و زاویه توسط نحو پوشش داده نمی

شما به شدت می تواند با تمام قوانین از HTML، CSS بماند، اما به یک نتیجه، آنها ارائه نشده است. درج عناصر به یکدیگر، ممکن است برای به دست آوردن هر منطقه از هیچ گونه تنظیمات. با استفاده از پی اچ پی توسعه بر روی سرور، شما می توانید به مرورگر بازدید کننده ها و هر فایل سبک ارسال به ضمیمه به آنها کد های جاوا اسکریپت مناسب در بدن از HTML-فایل و یا یک جداگانه JS-فایل.

هر نوع مدار، هر شکلی از عنصر خاصیت قوانین CSS است! گوشه های گرد - صرفا خاص، و فرصت های واقعی بسیار وسیعتر است. در این مورد، برنامه نویسی اشیاء خود را، شما می توانید با توجه به ویژگی های مرورگر فردی پرداخت نمی کند، فقط استفاده از تگ ها و ساختار زبان فرامتن، که توسط تمام درک شده، بدون مرورگر استثنا.

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

این فن آوری می کند با چنین اشیاء دخالت نیست خود را در یک هواپیما و یا نشان دادن انیمیشن های سه بعدی را درک کنند.