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

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

و در حال حاضر یک سوم و نهایی DIV، کپی رایت. فقط به فانتزی، به من اجازه استفاده از هم اکنون HTML نهاد، یک نماد است که نشان دهنده یک شخصیت که شما می توانید در غیر این صورت نه تایپ در صفحه کلید بزنید. به طور خاص، من قصد دارم به انجام & را داشتند، پوند، 169، نقطه و ویرگول بدین. معلوم است که کد عددی است برای نماد کپی رایت است. سپس جان هاروارد مشخص اجازه اینجا در پایین. بیایید DIV بسته و فایل را ذخیره کنید. 

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

اجازه دهید این فایل را ذخیره کنید، تغییر آن مجوز، و برای یک نگاه لحظه ای در کروم. سطح دسترسی + تحقیق CSS0.html. اکنون بیایید باز کردن کروم و بازدید http://localhost.CSS0.html. در واقع، در اینجا یک صفحه اصلی است برای جان هاروارد. اجازه دهید در حال حاضر آن را کمی بیشتر یا سبک خاصی دراوردن دقیقا با استفاده از CSS. 

برگشت در نرمافزاری gedit، اجازه دهید وارد این اولین تگ div و اضافه کردن سبک ویژگی مشخص است که من می خواهم اندازه فونت، می گویند، 36 پیکسل، و یا PX. و من می خواهم وزن این فونت را ضخیم و نه به طور پیش فرض، که طبیعی است. برای DIV دوم، اجازه دهید مشخص یکی دیگر از ویژگی سبک است که اندازه فونت 24 پیکسل، بنابراین کمی کوچکتر است. بسته مظنه بعد از نقطه و ویرگول بدین. 

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

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

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

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

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

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