CSS жагсаалт

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

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

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

list-style-type

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

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

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

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

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

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

Холбоотой материалууд
text шинж

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

text шинжээр үг ба өгүүлбэр түүнчлэн тэдгээрийн байрлалын параметрүүдийг заан өгөх боломжтой.

text-decoration

Шинж нь текстийг хэлбэржүүлэх үүрэгтэй. Дараах утгуудыг авна.

  • none - текст хэлбэржилт байхгүй.
  • underline - доогуур зураастай текст.
  • overline - дээгүүр зураастай текст.
  • line-through - дарагдсан текст.
  • blink - анивчсан текст (IE ажилладаггүй).

Холбоосыг доогуур зураасыг аваад харин заагчийг холбоос дээр аваачихад доогуур зураастай болгох нь нилээд дэлгэрсэн арга юм. Үүний тулд хэвийн хүснэгтэд

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

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

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

Үе

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

Хэрвээ та ямар нэгэн зургийн программ дээр ажиллаж чаддаг бол энэ ойлголтыг та мэдэх байх. Бусад хүмүүст тайлбарлая. Ямар нэгэн юм бичсэн эсвэл зурсан олон тооны цаасан хуудас байна гээд бодъё. Бид зөвхөн эхний хуудас дээрх агуулгыг л харах болно. Хэрвээ эхний хуудсыг авчихвал дараагийн хуудсны агуулгыг харна гэх мэтээр. Үүний адилаар CSS -д бид хэд хэдэн үе үүсгээд үе бүрдээ хэрэгтэй элементүүдээ байршуулаад тэдгээрийг z-index шинжийн тусламжтайгаар дугаарлан өгч болдог. Үеийн дугаар их байх тусам тухайн үе давхрагад дээгүүр байрлана. Жишээ нь бид 6 үе хийсэн байхад хэрэглэгч эхлээд z-index:6 үеийг харах юм. Үеийг дэлгэгдэх цэсийг хийхэд ихэнхдээ ашигладаг.

CSS -ийг HTML -д оруулах

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

Гадаад хэвийн хүснэгт

Доорх код бүхий ердийн html хуудас үүсгэе.

<html>
<head>
    <title>CSS -ийг HTML -д оруулах</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
    <h1>1-р түвшингийн гарчиг</h1>
    Энд энгийн текст
    <h2>2-р түвшингийн гарчиг</h2>
    Энд энгийн текст
</body>
</html>

Одоо Notepad дээр хоосон файл үүсгээд style.css гэсэн нэрээр html хуудас байрлах хавтаст хадгална. Одоохондоо манай style.css файл хоосон байх бөгөөд бидний хэвүүдийн хуудас болох юм.

Үйл явдал…

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

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

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

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

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

 
Зочин (Visitor)

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

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

 
Лямбда

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

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

 
Outlet компонент

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

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

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

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

…

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

 
Нэргүй арга

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

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

 
Урвуу матриц

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

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

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

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

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

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

Өдрийн хуваарьт 5 хичээл ордог. Тэгвэл 11 хичээлээс зохиож болох хуваарийн хувилбарын тоог ол. Нэг хичээл өдөрт нэг удаа л орно.

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

 
Бодлого 16.042

y=8x3 ба y=8x функцуудын графикаар хязгаарлагдсан дүрсийн талбайг ол.

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

 
Бодлого 3.099

тэгшитгэлийн язгуурууд x1 , x2 , x3 бол

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

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