text шинж

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

text-decoration

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

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

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

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

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

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

Холбоотой материалууд
Html хуудсыг хэлбэржүүлэх. Хичээл 2

  Нээгдсэн тоо: 1467 Бүртгүүлэх

Хэвийн үндсэн хүснэгт

Бид reset.css файлыг зохиох үед түүнийг html файлд холбоос ашиглан шууд оруулахгүй сайтын хэвийн үндсэн хүснэгтээс түүнийг дуудах талаар дурдсан. Мэдээжээр та хүсвэл бүх CSS файлуудыг HTML кодоос холбоос үүсгэн оруулан ирж болно. Гэхдээ би кодын дээд хэсгийг цэвэрхэн байлгах үүднээс үүнийг хийхгүйгээр шийдсэн байгаа.
Одоо бид хэвийн үндсэн хүснэгтээ үүсгэх хэрэгтэй. Би голдуу үндсэн хүснэгтийг style.css гэж нэрлэдэг. Харин та түүнийг main.css, master.css, screen.css гэх мэтээр яаж ч нэрлэж болно. Хэвийн үндсэн хүснэгтэнд бид манай reset болон тесктийг хэлбэржүүлэх typography файлуудыг оруулан ирнэ. Үүнийг бид @import дүрмийг ашиглан оруулах юм.

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

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

Элементүүд блок болон мөр төрлийнх гэж байдгийг бид мэднэ. Элемент бүр нь анхдагч байдлаар өөрийн төрөлтэй байдаг. Жишээ нь 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>
CSS жагсаалт

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

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

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

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

list-style-type

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

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

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

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

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

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

Доорх код бүхий ердийн 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/ тодорхой үйлдэл хийгдсэн талаар системд мэдэгддэг. Хэрвээ бид энэхүү үйлдлийг ажиглах хэрэгтэй бол яг энд…

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

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

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

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

 
Зочин (Visitor)

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

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

 
Лямбда

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

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

 
Outlet компонент

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

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

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

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

…

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

 
Нэргүй арга

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

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

 
Урвуу матриц

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

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

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

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

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

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

интеграл бод

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

 
Бодлого 14.022

хязгаарыг бод.

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

 
Бодлого 2.119

утгыг ол.

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

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