Хуурмаг элемент ба ангилалууд

CSS -ийг HTML -ийн элементүүдэд хэрэглэдэг тухай өмнө нь хэлсэн. Гэхдээ үгийн эхний үсэг, хэсгийн эхний мөр гэх мэтийн HTML -д байдаггүй мөртлөө хуудас дээр орж ирдэг элементүүд бий. Ийм элементүүдийг хуурмаг элементүүд гэж нэрлэдэг. Эдгээрт HTML -ийн элементийн адилаар хэв заан өгч болдог.

Хуурмаг элементүүд

1. first-letter - үгийн эхний үсгийн хэвийг заана. Манай 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>
    <p>Эхний үсгийг улаан өнгөтэй болгон тодруулах хэсэг.</p>
</body>
</html>

Мөрийн эхний үсгийг улаан өнгөөр харагдуулахын тулд хэвийн хүснэгтэд дараах мөрийг нэмнэ.

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

how_to_regБүртгүүлэх

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

Холбоотой материалууд
margin, padding, border шинжүүд

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

Энэ хичээлээр бид блокийн шинжүүдийг хэрхэн өгөх талаар суралцана. Үүнийг бид div ба span элементүүдийн жишээн дээр хийх болно. div - бол бусад элементүүдийнхээ контейнер элемент юм. div элемент бусад хэсгээс хэсгийн зайгаар тусгаарлагддаг. Харин div -ээс ялгаатай нь span нь мөрийн блок үүсгэдэг.  
Жишээн дээр авч үзье. Доорх код бүхий 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="first">Энэ бол id="first" тодорхойлогчтой div тегийн текст.</div>
    <div id="second">
        <div id="third">Энэ бол id="third" тодорхойлогчтой div тегийн текст.</div>
        <div id="fourth">Энэ бол id="fourth" тодорхойлогчтой div тегийн текст.</div>
    </div>
</body>
</html>

Хуудсаа хөтөч дээр харцгаая.

CSS -ээр босоо цэс хийх

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

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

Html хуудсыг хэлбэржүүлэх. Хичээл 6

  Нээгдсэн тоо: 2230 Нийтийн

Өмнөх хичээлд бид дараалалаа багахан зөрчин удирдах цэсний кодлолыг орхин сайтын төв хэсгийн кодлолыг хийсэн. Энэ хичээлээр бид сайтын удирдах цэсний хэсгийн кодлолыг хийх болно.

Удирдах цэс

Удирдах цэсийг хийх нь нилээд хүндэвтэр. Бид нилээд нарийн цэс ашиглана дээр нь цэс баруун талдаа шахан байрлах нь асуудлыг улам хүндрүүлж байгаа. Гэхдээ цэсийг фотошоп дээр хийсэн байгаа болохоор бидэнд бага зэргийн хөнгөн болж ирнэ.

Блокуудын төрөл ба шинжүүд

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

Элементүүд блок болон мөр төрлийнх гэж байдгийг бид мэднэ. Элемент бүр нь анхдагч байдлаар өөрийн төрөлтэй байдаг. Жишээ нь div ба p элементүүд блокийн төрөлтэй байдаг бол span ба a элементүүд мөр төрлийнх байх жишээтэй. Хааяа энэ анхдагч төрлийг өөрчлөх хэрэг гардаг бөгөөд үүнийг display шинжийг ашиглан хийнэ. Шинж нь боломжит дөрвөн утгуудаас аль нэгийг авч болно. Бүх дөрвөн утгыг жишээн дээр авч үзье.  

display:block

Энэ утга нь элементийг блок төрлийнх болгодог. Бидэнд босоо цэс хийх хэрэгтэй боллоо гэж үзье. Үүний тулд html хуудас дээрээ дараах кодыг бичин өгье.

<html>
<head>
    <title>css display</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="menu">
        <a href="index.html">Нүүр</a>
        <a href="about_us.html">Бидний тухай</a>
        <a href="contact.html">Холбоо барих</a>
    </div>
</body>
</html>
Үйл явдал…

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

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

 
Холбоосын параметрүүд

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

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

 
Зочин (Visitor)

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

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

 
Лямбда

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

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

 
Outlet компонент

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

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

 
Хадгалагч (Memento)

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

…

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

 
Нэргүй арга

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

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

 
Урвуу матриц

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

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

 
Кодийн сайжруулалт

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

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

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

тэгшитгэл бод.

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

 
Бодлого 12.067

тэгшитгэл бод.

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

 
Бодлого 9.099

Зурагт өгөгдсөн дотоод байдлаараа шүргэлцсэн хоёр тойргийн TA нь ерөнхий шүргэгч, TC нь том тойргийн огтлогч, жижиг тойргийн шүргэгч болно. DC=3, CB=2 бол TA -г ол.

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

 
© 2014 Зохиогчийн эрхээр хамгаалагдсан. Холбогдох - 96655195