د ځای د ځان لپاره د افقي غورنۍ د کمکیانو لپاره د

افقي غورنۍ لري هر ځای - دا یوه مهمه برخه ده، لکه څنګه چې کولای د خپلو بڼه او ګټې اخیستنې ته د جذب او یا برعکس، لیدونکو د ډارولو لرې. راځئ چې زده کوي چې څرنګه یو elementary افقي غورنۍ رامنځته: د HTML دا "اسکلټ"، چې د جوړولو اساسي مهارتونو تسلط. یقینا تاسو کولای چمتو غورنۍ ومومي، خو څومره nicer ته څنګه ځان ته وده دا زده کړي. دا ښایسته تفريح.

زده کړو تر څو غورنۍ کړي

موږ هڅه کوو چې له فرانس پریس اژانس، چې د نخشه مخکښ ارقام پيروي بې لارې نه. لومړی تاسو باید د یو لپاره د HTML زموږ د غورنېو "اسکلټ" لپاره، د خپلو شخصي افقي د غورنېو لپاره بنسټيز مهارتونه زده کړي. او بیا دا به د سينګار، ډول پاڼې کاروي. راځئ چې زموږ د افقي غورنۍ 5 توکي لري. لومړی توکی به د کورپاڼې ته اړول شي. دوهم ټکی - "زمونږ په هکله". دریم - "زموږ جايزې". څلورم - "دا د تفريح." پنځم - "له مونږ سره اړيکه".

د HTML-کوډ دې په څېر ښکاري:

څوک نه پوهيږي: ul ترتيبول په دی لپاره کارول مرمۍ، د خپلو عناصرو سره د لي پیل شي. لي نښانونو د سبک چې د ul د اجرا وړ دي په ميراث.

ul - د لست د بنديز عنصر، چې دا به د سور کش شي. لي یو بلاک کې هم ده.

نو، د یو index.html د رامنځته کړي. موږ د خپل کوډ راټول کړي. په دغه ټکی، د کتنمل پرځای افقي غورنۍ عمودي نندارې. خو موږ له تاسو سره هدف - د ځای لپاره د افقي غورنۍ کړي. د دې لپاره چې موږ CSS ته اړتيا لري.

CSS څه ده؟

که تاسو ته د ځايونو د پرمختګ تسلط تر اوسه لري، دا ضروري سره د ځوړاوبيزې Style Sheets مفهوم ترلاسه خبردار دی. په حقیقت کې، د دې لپاره Formatting په، پروسس اصول، چې د يو ويب-site د مخونو مختلفو عناصرو د اجرا وړ دي. که موږ ته د په معياري د HTML د عناصرو د ملکیتونو د تشريح، تاسو به د دې څو ځله تکرار کړي، تاسو د کوډ ورته ټوټې یو تکرار شي. مخ بار د کارن د کمپيوټر وخت به وده وکړي. د دې ډډه وکړي، د یو CSS شته. دا بس د یوه معین عنصر یوازې یو ځل شرحه کوي، او بیا په ساده ښيي چې د يو ځانګړي ډول د مال وکاروي. دا ممکنه ده چې د نه يوازې د په خپله پاڼه کې د متن، خو هم په بله دوتنه د تشريح کړي. دا به د سيمې د ټولو مخونو د بیلابیلو روشونو د Description درخواست اجازه. دا هم مناسب دا ده چې ځينې مخونو کې بدلون، د CSS-دوتنه سمول. Style پاڼو ته اجازه درکړي چې له جومونگ د HTML په پرتله په ښه کچه کار وکړي، تر څو د ځای ګرافیک مخونه د خرابېدو د مخنيوي کې مرسته کوي.

د غورنۍ پرمختګ Style ورقو څخه استفاده

CSS-کوډ لپاره د غورنۍ:

1. # My_1menu {لست ډوله: هېڅ؛ د نالیچې: 6؛ سور: 800px؛ توپير: کړکېو کې؛}
2. # My_1menu لي {لرګې: پاتې؛ font: italic 18px Arial؛}
3. # My_1menu یو {رنګ: # 756؛ نندارې: د بنديز؛ قد: 55px؛ کرښه قد: 55px؛ د نالیچې: 0px 15px 0px 15px؛ شاليد: #dfc؛ text-سينګار: هېڅ؛}
4. # My_1menu یو: hover {رنګ: #foa؛ شاليد: # 788؛}

اوس راځئ چې په پایله افقي CSS غورنۍ وګوري.

# My_1menu - نو هلته ده سره د تذکرو = my_1menu، لست ډوله UL- عنصر سبک دنده: هېڅ - د دې امر د نښې د ټاکل توکي له خوا پاتې لرې.

سور: 800px - زموږ د غورنۍ د سور دی 800 پېکسل.

د نالیچې: 0 - د دې د نالیچې دننه لرې.

توپير: کړکېو کې - د زموږ د مخ په مرکز افقي غورنۍ vyravnivnie.

# My_1menu لي - وګومارل سبک li-عناصر دي.

قد: 55px - غورنۍ لوړوالی.

# My_1menu یو: hover - وګومارل ته عنصر سبک او کله چې د بیځایه موږک.

موږ به په تفصیل سره هره کرښه تشریح نه، لکه هر پراختیا کولای شي د خپلو پارامترونو دلته دی ځانګړی کړی. په غورنۍ د سبک د ويب پاڼې د کارولو لپاره دا بنسټ. تاسې کولای شی چې دا یو ډیر بشپړ او ښکلي بڼه ورکړي، انځورونه کاروي. عنصر وټاکي خو، د مثال په توګه، د شاليد: url (img1.png) تکرار-X. هلته راځئ شاليد وي: url (img2.png) لپاره د تکرار-X: hover.

د خپل تصور، تخليقي خوښی استفاده وکړئ. بيا پر بنسټ چې څنګه د يوه ساده غورنۍ د ويب پاڼې جوړولو چې د پوهې، تاسو کولی شئ له خپل بې ساري ډیزاین د يوه مخ ته وده ورکړي.