CSS: رنگ فونت، سبک، الگوی، اندازه

برنامه نویسی - آینه: در آغاز کلمه بود، و نه تماس منعکس شده است. و به سرعت آن را به "تغییر" بود: آینه اول، و سپس کلمه ... در این مرحله، آبشاری ورق - است خوب است، اما همین دلیل تا زمانی که قرار بود به ذهن یک توسعه دهنده؟ CSS - این همه همان بار آرایه عصر برنامه های کامپیوتری است، اما تنها در دیدگاه های مختلف. حتی زمانی که توده ها تبدیل انقلاب انجمنی ساخته شده است.

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

منطق به طور کلی از شرح سبک

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

استایل را به، برای مثال، یک رنگ تغییر رنگ فونت خاص، می تواند در هر کجا و هر چیزی. سوال این است که چگونه واکنش نشان می دهند به آن را در یک مرورگر در طول جداسازی قطعات از همه سبک ها با هم. چقدر او در این پردازنده سپری شد؟

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

منطق عمومی مثال

کاملا به سادگی توسط رنگ CSS برای هر سه عنصر تعیین می کند، ممکن است به حداقل سه مشکل طولانی مدت:

# Ele1 # Ele2 # Ele3 {
موقعیت: مطلق؛
سمت چپ: 20px تنظیم کنید.
بالا: 14px؛
رنگ: قرمز،
}

# Ele2 # Ele3 {
سمت چپ: 90px؛ // در CSS مختصات افقی تغییر
رنگ: زرد؛ // رنگ CSS فونت را تغییر دهید
}

# Ele3 {
بالا: 114px؛ // در CSS تغییر مختصات عمودی

رنگ: سبز؛ // یک بار دیگر رنگ CSS فونت را تغییر دهید

رنگ پس زمینه: lightgrey؛ // رنگ CSS متن برجسته تغییر است، اما این در حال حاضر در # Ele1 و # Ele2 نیست؛ موقعیت نیز تغییر، اما آن را در # Ele2 تغییر و نه، در اینجا

}

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

همه توسعه دهندگان در حال احترام CSS مورد نیاز: سبک ID - تنها یک عنصر، و سبک کلاس - بسیاری از برچسب ها، علاوه بر آخرین نقطه ممکن در تگ عنوان صفت:

• مجموعه ای از رنگ فونت در CSS - کلاس groundColor سبک؛
• تعیین اندازه فونت - size15 کلاس؛
• موقعیت مجموعه - کلاس PlaceUp.

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

توسعه دهنده به سادگی باید به درستی به حساب: حتی اگر رنگ فونت HTML، CSS خدمات گسترده ای را توصیف سخت، انعطاف پذیری ساختار کلی شرح - که شغل او است.

نتیجه مورد انتظار از با استفاده از منطق رایج

مرورگرهای مدرن راحت با تعداد زیادی از فایل های سبک و حجم می باشد. با این حال، طراحی، به ویژه از طریق CSS، رنگ کل صفحه، شما همیشه باید از کفایت منطقی فکر می کنم. همه قواعد سبک "ارزان" نگاه در نرم افزار. ورود موجز ساده: * {رنگ: سفید؛} - قطعا زیبا، اما آن را به تمام عناصر صفحه را اعمال می شود، بدون استثنا.

از تمام قوانین است، که با CSS، مهم ترین مجهز به:

• سبک - کلاس، و سپس به نام با شروع می شود، "."
• سبک - شناسه و نام خود را با یک کاراکتر "#" شروع می شود؛
• در سایر موارد - برچسب نام و یا چیزی خاص

بخش باقی مانده از ایده توضیحات در سبک (خواص ارث با هم همپوشانی دارند، اولویت ها، موقعیت، سفارش و مانند آن. D.) باید هوشمندانه و به شدت لازم استفاده می شود.

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

فرصت غیر منتظره

باید سبک مانند * {چپ مورد آزار قرار گرفته می شود: 124px؛ } یا

OL OL، OL UL، UL UL، OL UL {حاشیه پایین: 0؛ }
IMG {مرز: 0؛ }

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

CSS - نه تنها یک فایل سبک است که به صفحه از طریق تگ لینک از طریق برچسب سبک متصل و یا وارد آن است. همچنین ممکن است برای ایجاد یک سبک در پرواز و یا تغییر یک موجود.

با استفاده از CSS، رنگ فونت را می توان از طریق برنامه نویسی انجام می شود. و همچنین اندازه و موقعیت، حاشیه. وب سایت - یک هدف به دانش در CSS، HTML، PHP یا جاوا اسکریپت افکت های فلش است.

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

دینامیک استاتیک

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

در اینجا، گوینده الگوریتم نیاز ندارد:

// به برجسته دکمه ورودی بر روی وب سایت
تابع scfWelcomeOver () {
کد document.getElementById ( 'scDocxNamePiP') style.visibility = 'قابل مشاهده است'؛
}

// مخفی کردن دکمه ورودی بر روی وب سایت
عملکرد scfWelcomeOut () {
کد document.getElementById ( 'scDocxNamePiP') style.visibility = 'پنهان'؛
}

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

محتوای صفحه نمایش پویا

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

در ابتدا، یک صفحه (P) وجود دارد، برخی از مطالب خود را (K)، تمام برچسب ها از صفحه در شیوه نامه (S) است. حتی یک صفحه فرم جدید P از طریق PHP یا Perl بر روی سرور با انتخاب K از بانک اطلاعاتی. موجود شیوه نامه S به طور خودکار به دنبال خواهد داشت. با این حال، K ممکن است تغییر، و در اغلب موارد، چنین تغییری نیاز به سبک های دیگر، که شده است، S + به دنبال دارد.

به عنوان مثال، مشتری گفت: "این سایت شرح زندگی از مسکو، بهتر خواهد شد اگر خبرها به صورت در سبک تزئین" ZaZavtrakom "، توصیف شلوغی شب در سبک" لاس وگاس "و مقالات در پیشرفت علمی و فناوری در سبک" ModernTehno ". اما اگر ما را به S در سه نفر از این گزینه ها، هیچ تضمینی وجود ندارد که مشتری خواهد این ایده را به یک مجموعه ای از مقالات "اخبار"، "تعطیلات"، "کار»، «CSS / HTML» جایزه "HozyaykeNaZametku" وجود ندارد.

رویکرد دیگر عملی تر است. صرف نظر از دسته از مقاله است که همیشه محتوای است که می تواند در یک رنگ خاص رنگ وجود دارد. در اینجا در این محل است که ایده خیلی معقول وجود دارد: به دست آوردن خاص K، هنوز هم بر روی سرور برای تولید یک S کافی، و مرورگر خواهد P نیاز، او را از محتوای درست در ترخیص کالا از گمرک مناسب دریافت کنید.

سبک دینامیک از جاوا اسکریپت

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

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

سوم، آن اجازه می دهد تا توسعه به ارائه ساز و بازدید کننده از مطالب در این سبک، که در آن او راحت است. این حتی کسی نیست.

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

این گرایش مدرن برای جدا ارائه داده ها از پردازش بر روی داده ها انجام و ترک در صفحه نمایش در تضاد نیست.

CSS به عنوان یک عنصر فعال

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

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

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

برنامه نویسان پایگاه داده ثبت نام همیشه در یک بخش خیلی بیشتر رسمی مشغول است، اما تم CSS - یک کار بسیار ساده، اما به نوعی به میدان از نظر روند توسعه نیست.

در دگم در زمینه برنامه نویسی

مانند یک کوه یخ، یک دگم نیست می توانید محیط های طولانی furrowing اطلاعات است. تجربه گذشته بود به تمرکز نه تنها در HTML- و CSS-استانداردها، ابزار به کار با آنها، توسعه دهندگان دانش است.

یک کار ساده - از طریق رنگ فونت CSS را - راه حل کامل پیدا کرده است. قوانین، نحو، منطق و راحتی مسلم است. اما حتی زمانی که قلم در واقع ندارد بسیاری از رنگ برای عمل، بیش از حد لازم نیست، و در واقع به منظور از واقعیت مجازی سازی همه انباشته "نیروی» HTML و CSS لازم نیست، می آید یک زمان وجود دارد که دانش موقعیتی رفتن به تکثیر و نمایش داده تجربه و ابزار از شکل گیری طبیعی از سبک های از محتوا است.

چگونه این باشد، ممکن است کاملا روشن است، اما که روند حاضر در راه است، بدیهی است.