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

اجازه دهید این را امتحان کنید و دوباره اجرا یک صفحه اصلی برای جان هاروارد با استفاده از تگ سبک. من در حال حاضر بدست ما آغاز شده در اینجا با سه divs برای صفحه خانگی جان هاروارد. اما اجازه دهید اول در حال حاضر تا اولین بار از این رفتن DIV و اضافه کردن یک ویژگی جدید، یعنی ID، و مشخص است که منحصر به فرد شناسه برای این DIV خاص خواهد بود، به عنوان مثال، نقل قول نقل قول را تمام کردن "بالا،" یک نام دلخواه، اما توصیفی که این DIV است در واقع در بالای صفحه است. 

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

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

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

بیایید نجات دهد، تغییر مجوز در، و بارگذاری این صفحه در یک مرورگر، سطح دسترسی یک به علاوه R CSS-1.html. اجازه دهید باز کردن کروم و بازدید http://localhost/css-1.html. بد نیست. دقیقا همانطور که من در نظر گرفته شده، اما من می خواهم به را چیز یک گام به جلو در حال حاضر و متن در جان هاروارد. در حال حاضر به انجام این کار، من می توانم بسته بندی کردن صفحه کل در یک div به عنوان I به عنوان مثال گذشته انجام داد. یا من می تواند هوشمندانه تر و متوجه است که تمام این divs داخل می باشد بدن صفحه من است، پس چرا نه تنها اعمال می شود یک یا چند ویژگی CSS به بدن خود برچسب؟ 

برای این کار، اجازه دهید این کار را. بیایید دوباره به نرمافزاری gedit این صفحه بروید. اجازه دهید حرکت به بالا را به برچسب سبک، و اجازه دهید یک انتخاب را مشخص تنها با استفاده از این تگ نام، بدن. در زیر است که، اجازه دهید قرار داده آکولاد ما به دنبال مرکز تراز متن. اکنون بیایید صفحه را ذخیره کنید و دوباره بارگذاری آن را در داخل آن به مرورگر. بازنگری در کروم، و voila. ما در حال حاضر صفحه جان هاروارد محور که ما در نظر گرفته شده.