1 00:00:00,000 --> 00:00:00,300 2 00:00:00,300 --> 00:00:04,840 >> SPEAKER: پس از آن در واقع بهترین نیست طراحی برای مخلوط کردن CSS با HTML. 3 00:00:04,840 --> 00:00:08,700 در عوض، بهتر است عامل از شما CSS، قرار دادن آن در جایی مرکزی، و 4 00:00:08,700 --> 00:00:11,430 به نحوی آن را در مورد برچسب ها در صفحه وب خود. 5 00:00:11,430 --> 00:00:15,290 برای رسیدن به این، ما در واقع می تواند به توقف با استفاده از ویژگی سبک و به جای 6 00:00:15,290 --> 00:00:19,290 استفاده از تگ سبک، که متعلق به سر از یک صفحه وب را در کنار، برای 7 00:00:19,290 --> 00:00:20,700 به عنوان مثال، عنوان خود را. 8 00:00:20,700 --> 00:00:24,400 >> اجازه دهید این را امتحان کنید و دوباره اجرا یک صفحه اصلی برای جان هاروارد 9 00:00:24,400 --> 00:00:26,410 با استفاده از تگ سبک. 10 00:00:26,410 --> 00:00:28,930 من در حال حاضر بدست ما آغاز شده در اینجا با سه divs برای 11 00:00:28,930 --> 00:00:30,260 صفحه خانگی جان هاروارد. 12 00:00:30,260 --> 00:00:33,990 اما اجازه دهید اول در حال حاضر تا اولین بار از این رفتن DIV و اضافه کردن یک ویژگی جدید، 13 00:00:33,990 --> 00:00:38,680 یعنی ID، و مشخص است که منحصر به فرد شناسه برای این DIV خاص 14 00:00:38,680 --> 00:00:42,390 خواهد بود، به عنوان مثال، نقل قول نقل قول را تمام کردن "بالا،" یک نام دلخواه، اما 15 00:00:42,390 --> 00:00:45,840 توصیفی که این DIV است در واقع در بالای صفحه است. 16 00:00:45,840 --> 00:00:48,920 >> برای DIV بعدی، اجازه دهید آن را ID مختلف نقل قول نقل قول را تمام کردن 17 00:00:48,920 --> 00:00:54,080 "میانه" و اجازه دهید DIV سوم را ID از نقل قول نقل قول را تمام کردن "پایین." ما 18 00:00:54,080 --> 00:00:57,740 در حال حاضر سه شناسه منحصر به فرد که ما می توانیم برخی از CSS اعمال می شود 19 00:00:57,740 --> 00:01:01,210 خواص، اما برای اولین بار، بیایید بازگشت به رئیس این صفحه. 20 00:01:01,210 --> 00:01:04,760 فقط در بالا عنوان در اینجا، من برو جلو و تعریف سبک 21 00:01:04,760 --> 00:01:07,120 و پس از آن به سبک نزدیک است. 22 00:01:07,120 --> 00:01:10,340 >> در داخل از این در حال حاضر، من قصد دارم برای تعریف برخی از خواص CSS، یعنی 23 00:01:10,340 --> 00:01:14,550 همان کسانی که قبلا هم در سبک حال ویژگی، اما در اینجا آنها خواهید بود 24 00:01:14,550 --> 00:01:16,320 مرکزی تعریف شده است. 25 00:01:16,320 --> 00:01:20,880 برای این کار، من قصد دارم مشخص پوند نماد به دنبال بالا، در نتیجه 26 00:01:20,880 --> 00:01:24,710 مشخص است که CSS زیر خواص باید به هر درخواست 27 00:01:24,710 --> 00:01:28,800 عنصر HTML است که منحصر به فرد شناسه بالا. 28 00:01:28,800 --> 00:01:32,240 من پس از رفتن به برخی از باز و آکولاد بسته، و من قصد دارم به 29 00:01:32,240 --> 00:01:39,170 مشخص، مثلا اندازه فونت باید 36 است پیکسل، وزن فونت باید پررنگ باشد. 30 00:01:39,170 --> 00:01:41,810 >> برای پاک نگه داشتن همه چیز، من با قرار دادن هر یک از از این خواص در حال حاضر در خود را 31 00:01:41,810 --> 00:01:44,610 خط، اما این فقط یک کنوانسیون سبک. 32 00:01:44,610 --> 00:01:47,830 در زیر این، اجازه دهید در حال حاضر یکی دیگر از تعریف انتخاب، پس به صحبت می کنند. 33 00:01:47,830 --> 00:01:52,680 این یکی برای تگ HTML است که شناسه منحصر به فرد از متوسط ​​است. 34 00:01:52,680 --> 00:01:57,540 و در اینجا، اجازه دهید اندازه فونت را مشخص از 24 پیکسل، زیر که یکی دیگر از 35 00:01:57,540 --> 00:02:01,520 انتخاب برای پایین، و در داخل از آن، اجازه دهید مشخص 36 00:02:01,520 --> 00:02:03,850 اندازه فونت 12 پیکسل می باشد. 37 00:02:03,850 --> 00:02:09,350 >> بیایید نجات دهد، تغییر مجوز در، و بارگذاری این صفحه در یک مرورگر، 38 00:02:09,350 --> 00:02:14,230 سطح دسترسی یک به علاوه R CSS-1.html. 39 00:02:14,230 --> 00:02:22,260 اجازه دهید باز کردن کروم و بازدید http://localhost/css-1.html. 40 00:02:22,260 --> 00:02:22,960 بد نیست. 41 00:02:22,960 --> 00:02:26,930 دقیقا همانطور که من در نظر گرفته شده، اما من می خواهم به را چیز یک گام به جلو در حال حاضر و 42 00:02:26,930 --> 00:02:29,050 متن در جان هاروارد. 43 00:02:29,050 --> 00:02:32,080 در حال حاضر به انجام این کار، من می توانم بسته بندی کردن صفحه کل در یک div به عنوان I 44 00:02:32,080 --> 00:02:33,800 به عنوان مثال گذشته انجام داد. 45 00:02:33,800 --> 00:02:37,820 یا من می تواند هوشمندانه تر و متوجه است که تمام این divs داخل می باشد 46 00:02:37,820 --> 00:02:42,420 بدن صفحه من است، پس چرا نه تنها اعمال می شود یک یا چند ویژگی CSS به بدن 47 00:02:42,420 --> 00:02:43,850 خود برچسب؟ 48 00:02:43,850 --> 00:02:45,460 >> برای این کار، اجازه دهید این کار را. 49 00:02:45,460 --> 00:02:47,650 بیایید دوباره به نرمافزاری gedit این صفحه بروید. 50 00:02:47,650 --> 00:02:52,460 اجازه دهید حرکت به بالا را به برچسب سبک، و اجازه دهید یک انتخاب را مشخص تنها 51 00:02:52,460 --> 00:02:54,520 با استفاده از این تگ نام، بدن. 52 00:02:54,520 --> 00:03:00,580 در زیر است که، اجازه دهید قرار داده آکولاد ما به دنبال مرکز تراز متن. 53 00:03:00,580 --> 00:03:05,580 اکنون بیایید صفحه را ذخیره کنید و دوباره بارگذاری آن را در داخل آن به مرورگر. 54 00:03:05,580 --> 00:03:08,090 بازنگری در کروم، و voila. 55 00:03:08,090 --> 00:03:11,000 ما در حال حاضر صفحه جان هاروارد محور که ما در نظر گرفته شده. 56 00:03:11,000 --> 00:03:12,619