BG Development


  Reply to this topicStart new topicStart Poll

> Въпрос от напълно начинаещ
AboveAndBeyond
Публикувано на: 30-12-2022, 09:50
Quote Post



Име: Иван
Група: Потребител
Ранг: Новопостъпил

Мнения: 3
Регистриран на: 30.12.22



Здравейте.

От известно време ми влезе в главата да започна да уча HTML, CSS и JS, но съм напълно начинаещ и никога не съм се занимавал с нещо подобно. В момента се занимавам тогава, когато имам време, без да съм записвал никакви курсове, но понякога изникват въпроси, с които може би ще се справя и сам, но сега реших да потърся отговор от хора, които разбират.
Конкретния въпрос сигурно е елементарен за вас, но както казах, аз не съм се занимавал никога с нищо подобно. icon_smile.gif
В момента съм си направил една форма за регистрация, с два <h1> в нея, като искам да направя различен стил и на двата, но не знам как да ги разгранича, поради което редактора форматира и двата наведнъж. Бихте ли ми обяснили как трябва да се случи това?
Не претендирам, че кодът е верен. Ако намерите грешки, ще се радвам да ми ги споделите.

Благодаря! icon_smile.gif

user posted image
PMEmail Poster
Top
thrawn
Публикувано на: 30-12-2022, 10:44
Quote Post



Име:
Група: Потребител
Ранг: Почетен член

Мнения: 3394
Регистриран на: 17.01.17



Класическия начин е да се използват css класове или уникални id-та на всеки от H1 таговете. Малко по-хард вариант е "атрибут селектор" с къстъм атрибут (data-*). Но за сека се придържай към класовете и ид-тата.

И не давай код на картинки ако искаш да получаваш адекватна помощ.

Това мнение е било редактирано от thrawn на 30-12-2022, 10:44
PMEmail Poster
Top
ici
Публикувано на: 30-12-2022, 10:50
Quote Post


Group Icon
Име: Ивайло Илчев
Група: VIP
Ранг: Почетен член

Мнения: 17985
Регистриран на: 06.06.04





--------------------
Ние не сме в една лодка, ние сме в една буря. Лодките са различни.

Следващият път когато се почувстваш ненужен, грозен и недооценен, помни че освен това си и тъп.
PMEmail PosterUsers Website
Top
AboveAndBeyond
Публикувано на: 30-12-2022, 23:12
Quote Post



Име: Иван
Група: Потребител
Ранг: Новопостъпил

Мнения: 3
Регистриран на: 30.12.22



Благодаря много и на двама ви. Нямам подобни навици, но ще имам предвид занапред, да слагам кодове, а не изображения.

Това ми помогна много. Знаех, че трябва да има някакъв начин, по който да се кръщават отделните параграфи, но нямах представа как точно става.

CODE
<!DOCTYPE html>
   <html>
       <head>
           <style>
               #first {
                   color: rgb(255, 0, 0);
                   background-color: aqua;
               }
               #second {
                   color: rgb(255, 136, 0);
                   background-color: rgb(0, 255, 42);
               }
           </style>
           <title>Exercise December 2022</title>
       </head>

       <body>
           <h1 id="first">BRABUS motorbike</h1>

           <form>
               <label for="Username">Enter username:</label>
               <input type="text" id="Username" name="Username"></input>
               <br></br>
               <label for="Password">Enter password:</label>
               <input type="Password" id="Password" name="Password"></input>
               <br></br>
               <label for="Email">Enter email:</label>
               <input type="text" id="email" name="email"></input>
           </form>

           <h1 id="second">Kawasaki Ninja</h1>
       </body>
   </html>


Правилно ли е това, което съм направил?
PMEmail Poster
Top
ici
Публикувано на: 31-12-2022, 02:53
Quote Post


Group Icon
Име: Ивайло Илчев
Група: VIP
Ранг: Почетен член

Мнения: 17985
Регистриран на: 06.06.04



id атрибута се използва за да се даде уникално име на елемент в документа. Ако ще използваш този стил само за един елемент е правилно, но ако искаш да го използваш за повече елементи, по-добре да използваш class.

https://css-tricks.com/multiple-class-id-selectors/


--------------------
Ние не сме в една лодка, ние сме в една буря. Лодките са различни.

Следващият път когато се почувстваш ненужен, грозен и недооценен, помни че освен това си и тъп.
PMEmail PosterUsers Website
Top
AboveAndBeyond
Публикувано на: 01-01-2023, 23:47
Quote Post



Име: Иван
Група: Потребител
Ранг: Новопостъпил

Мнения: 3
Регистриран на: 30.12.22



Благодаря много!
PMEmail Poster
Top
1 потребители преглеждат тази тема в момента (1 гости, 0 анонимни потребители)
Потребители, преглеждащи темата в момента:

Topic Options Reply to this topicStart new topicStart Poll

 


Copyright © 2003-2019 | BG Development | All Rights Reserved
RSS 2.0