Харьцангуй байршуулалт

Блокийг харьцангуй байршуулахдаа position:relative шинжийг өгөөд шилжилтийн шинжүүдийг өгөх хэрэгтэй. Энэ тохиолдолд шилжилт "эцэг" элементээс харьцангуй байдлаар бус (шууд байршуулалтынх шиг биш) харин хэвийн урсгалаар тухайн блоктой харьцангуй байдлаар хийгдэнэ. Үүнийг жишээн дээр авч үзвэл тодорхой болно. Бидэнд гурван блок (div) бүхий html хуудас байна гэж үзье.

<html>
<head>
<title>Харьцангуй байршуулалт</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="blok1">Блок 1</div>
<div id="blok2">Блок 2</div>
<div id="blok3">Блок 3</div>
</body>
</html>

Хэвийн хүснэгтэд эдгээр блокуудын хил, хэмжээг өгцгөөе.

Материалыг тусгай эрхтэй хэрэглэгч үзнэ.

request_quoteТусгай эрх авах

Мэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.

  Нээгдсэн тоо: 2143 Төлбөртэй

Сайтын хуудсыг хэлбэржүүлэх цувралын сүүлчийн хичээлээр бид сайтын ажиллагаанд jQuery ба Cufón -ыг хэрхэн ашиглах талаар үзэх болно. Бид сайтын h1, h2, h3, h5 түвшингийн гарчигуудад Myriad Pro гэсэн хэрэглэгчийн компьютерт үйлдлийн системтэй хамт суудаггүй стандарт бус фонтыг ашигласан. Бас сайтад слайдшоуг ажиллуулах хэрэгтэй байгаа. Энэ зорилгоор JavaScript -ыг ашиглах юм. Сайтдаа өөрийн хүссэн дурын фонтыг ашиглаад энэ нь хэрэглэгчийн талд суугдаагүй байсан ч сайтыг зөв харагдуулах боломжтойг үзүүлэх зорилгоор бид Myriad Pro фонтыг гарчигт ашигласан. Хэрэглэгч JavaScript -ыг хаасан байхад сайт бидний тодорхойлсон нөөц фонтоор үзэгдэх юм.

  Нээгдсэн тоо: 1693 Төлбөртэй

Өмнөх хичээлд бид цэсэнд зориулан спрайт хийсэн. Цэсэнд дэвсгэр зураг ашиглахын өмнө түүнийг баруун тийш байрлуулах хэрэгтэй. Бид 4-р хичээлд id="content" блокт position: relative; шинжийг өгсөн. Одоо энэ шинж бидэнд хэрэгтэй болно. Агуулгын блоктой харьцангуй байрлалыг ашиглан бид цэсийг өөрийн хүссэн газар руу хөдөлгөх болно. Өөрөөр хэлбэл агуулгын төв хэсгийн баруун дээд булан руу шилжүүлэх болно. Энд 0, 0 координат бол хөтөчийн цонхны зүүн дээд булан биш харин content блокийн зүүн дээд булан гэснийг илэрхийлнэ.

  Нээгдсэн тоо: 1963 Төлбөртэй

CSS -ийг пратикт ашиглах жишээ болгоод үндсэн цэсийг сонгоход дэд цэс нь хөдөлгөөнт байдлаар нээгдэх босоо цэсийг CSS ашиглан хэрхэн хийхийг авч үзье. Бүх зүйл нэг түвшинтэй дараалалгүй жагсаалтыг агуулсан энгийн html код болон CSS хэвийн файл, дөрвөн зургаас бүрдсэн хангалттай амархан хийгдсэн болно. Цэс зурагт үзүүлсэн байдлаар харагдана.

  Нээгдсэн тоо: 2403 Төлбөртэй

HTML-ийн адилаар CSS нь жагсаалт үүсгэх том боломжуудтай. Жагсаалт үүсгэх үндсэн гурван шинж бий. Үүнд:

  • list-style-type - дугаарлагч болон тэмдэглэгчийн гадаад хэлбэрийг тодорхойлно
  • list-style-image - тэмдэглэгээ хийх хэрэглэгчийн зургийг тодорхойлно
  • list-style-position - тэмдэглэгч байршлыг блоктой харьцангуй байдлаар тодорхойлно.

Эдгээрийг жишээн дээр авч үзье

list-style-type

Тэмдэглэгээ бүхий жагсаалтын хувьд HTML -д байдаг бүхий л утгуудаас илүү зүйлгүй:

  • disk - будагдсан дугуй.
  • circle - будагдаагүй дугуй.
  • square - будагдсан квадрат.

Тэмдэглэгээнүүд хөтөч дээр хэрхэн харагдахыг авч үзье. Үүний тулд гурван ижилхэн жагсаалт үүсгээд тус бүрд нь хэвийн шинжийг тодорхойлон өгье. Ингээд манай html хуудасны код нь:

Үйл явдал /event/ тодорхой үйлдэл хийгдсэн талаар системд мэдэгддэг. Хэрвээ бид энэхүү үйлдлийг ажиглах хэрэгтэй бол яг энд…

Нээгдсэн тоо : 353

 

Манай төсөл олон хуудсуудтай болон тэдгээрийн хооронд динамикаар шилжилт хийж байгаа ч тухайн үед шилжилт хийгдсэн хуудаст тохирох…

Нээгдсэн тоо : 444

 

Зочин (Visitor) паттерн классуудыг өөрчлөхгүйгээр тэдгээрийн обьектуудын үйлдлийг тодорхойлох боломжийг олгоно. Зочин хэвийг ашиглахдаа классуудын хоёр ангилалыг тодорхойлно.…

Нээгдсэн тоо : 416

 

Лямбда-илэрхийлэл нь нэргүй аргын хураангуй бичилтийг илэрхийлнэ. Лямбда-илэрхийлэл утга буцаадаг, буцаасан утгыг өөр аргын…

Нээгдсэн тоо : 491

 

Кодийн сайжруулалт /рефакторинг/ хичээлээр програмийн кодоо react -ийн зарчимд нийцүүлэн компонентод салгасан.…

Нээгдсэн тоо : 565

 

Хадгалагч (Memento) хэв обьектын дотоод төлвийг түүний гадна гаргаж дараа нь хайрцаглалтын зарчмыг зөрчихгүйгээр обьектыг сэргээх боломжийг олгодог.

Нээгдсэн тоо : 556

 

Делегаттай нэргүй арга нягт холбоотой. Нэргүй аргуудыг делегатийн хувийг үүсгэхэд ашигладаг.
Нэргүй аргуудын тодорхойлолт delegate түлхүүр үгээр…

Нээгдсэн тоо : 691

 

Математикт харилцан урвуу тоонууд гэж бий. Ямар нэгэн тооны урвуу тоог олохдоо тухайн тоог сөрөг нэг зэрэг дэвшүүлээд…

Нээгдсэн тоо : 816

 

Төсөлд react-router-dom санг оруулан чиглүүлэгчдийг бүртгүүлэн тохируулсан Санг суулган тохируулах хичээлээр бид хуудас…

Нээгдсэн тоо : 820

 
Энэ долоо хоногт

функцийн тодорхойлогдох мужийг ол.

Нээгдсэн тоо : 1549

 

Арифметик прогресын 3-р гишүүн 5, 7-р гишүүн 13 бол эхний 10 гишүүний нийлбэрийг ол.

Нээгдсэн тоо : 899

 

тэгшитгэлийн шийдүүдийн нийлбэрийг ол.

Жич: Тэгшитгэлийг заавал бодох гээд үзээрэй. Иймэрхүү бодлого ЭЕШ -д бараг ирэхгүй ч математикийг ганцхан ЭЕШ -аар хязгаарлавал та өөрийгөө хөгжүүлэхээ боомилсонтой адил.

Нээгдсэн тоо : 555