СПІКЕР: Так што гэта на самай справе не лепшы дызайн змешвацца CSS з HTML. Хутчэй, лепш вынесці за ваш CSS, пакласці яго дзе-небудзь цэнтральны, і неяк прымяніць яго да тэгі ў вашай вэб-старонцы. Каб дамагчыся гэтага, мы можам на самай справе спыніць з дапамогай атрыбуту стылю і замест выкарыстоўваць стыль тэг, які належыць у Кіраўнік вэб-старонкі разам, для Асобнік, ваша назва. 

Давайце дамо гэтаму спробу і паўторна рэалізаваць Хатняя старонка для Джона Гарварда з выкарыстаннем стылю тэг. Я ўжо атрымаў нас пачалі тут з трыма дзівы для Хатняя старонка Джона Гарварда. Але давайце спачатку цяпер падысці да гэтай першай спраў і дадаць новы атрыбут, а менавіта ID, і паказаць, што гэта ўнікальны ідэнтыфікатар для гэтага канкрэтнага DIV павінна быць, напрыклад, цытата канец цытаты "Лепшых", гэта адвольнае імя, але апісальны, што гэта спраў з'яўляецца сапраўды ў верхняй частцы маёй старонцы. 

На працягу наступнага DIV, давайце дамо яму адрозніваецца Ідэнтыфікатар цытатай Unquote "Сярэдні", і давайце дамо трэці DIV Ідэнтыфікатар цытатай канец цытаты "дна". Мы Зараз ёсць тры унікальны ідэнтыфікатар , Да якога мы можам прымяніць некаторыя CSS ўласцівасці, але спачатку давайце вяртанне кіраўніка гэтай старонцы. Прама над назвай тут, я буду ісці наперад і вызначаюць стыль а затым зачыніце стыль. 

Унутры гэта цяпер, я збіраюся вызначыць некаторыя ўласцівасці CSS, а менавіта тыя самыя, я раней была ў стылі атрыбуты, але тут яны будуць цэнтралізавана вызначаны. Каб зрабіць гэта, я збіраюся паказаць фунт сімвал з наступным вяршыні, тым самым удакладніўшы, што наступнае CSS ўласцівасці павінны прымяніць да любой HTML элемент мае унікальны ідэнтыфікатар вяршыні. Я тады будзе мець некаторыя адкрыты і закрытыя фігурныя дужкі, і я збіраюся пазначыць, скажам, памер шрыфта павінен быць 36 пікселяў, вага шрыфта павінен быць адважным. 

Каб усё было чыста, я стаўлю кожны з гэтых уласцівасцяў зараз сама па сабе лінія, але гэта толькі стылістычная ўмоўнасць. Ніжэй гэтага, давайце вызначым іншы Селектар, так бы мовіць. Гэта адзін для HTML тэга, які мае унікальны ідэнтыфікатар сярэдзіне. І тут, давайце паказаць памер шрыфта з 24 пікселяў, ніжэй, што іншы Селектар для ніжняй, а ўнутры пра гэта, давайце ўдакладнім Памер шрыфта 12 пікселяў. 

Давайце зараз захаваць, змяніць правы доступу на, і загрузіць гэтую старонку ў браўзэры, CHMOD плюс г CSS-1.html. Давайце адкрыць Chrome і наведаць http://localhost/css-1.html. Не дрэнна. Дакладна так, як я меркаваў, але я хацеў бы, каб прымаць рэчы на ​​адзін крок далей зараз і Тэкст цэнтра Джона Гарварда. Зараз, каб зрабіць гэта, я мог абгарнуць ўся старонка ў DIV, як я зрабіў больш ранні прыклад. Ці я магу быць разумней і разумець, што ўсе гэтыя дзівы знаходзяцца ўнутры Цела маёй старонцы, дык чаму б проста не прымяняюцца адзін або некалькі CSS ўласцівасці для арганізма пазначыць сябе? 

Каб зрабіць гэта, давайце зробім гэта. Давайце вернемся да Gedit тут. Давайце пракруткі назад да Style тэга, і давайце пазначыць селектар проста З дапамогай гэтага тэга імя, цела. Ніжэй гэтага, давайце паставім нашы фігурныя дужкі затым выраўноўвання тэксту цэнтра. Давайце зараз захаваць старонку і перазагрузіце гэта ўнутры гэтага браўзэра. Перазагрузка ў Chrome, і вуаля. Цяпер у нас ёсць старонка Джона Гарварда у цэнтры, як мы мелі намер.