CSS

Question 1

Hova kell elhelyezni a display:flex -et?

Answer 1

A képeket közvetlenül tartalmazó keretbe!

Question 2

középre igazított div elemeinek középre igazítása:

Answer 2

text-align:center;
ha felxet használtunk:
justify-content:center;

Question 3

Alap szintaxis

Answer 3

(#, v. v. pl.:h1)selector{
tulajdonság: érték;
}

Question 4

Azonosítók:
Id
class
egy adott nevű osztályon belüli elem

Answer 4

elemnév

.elemnév
pl.: p.center

Question 5

Minden elemre vonatkozó beállítások

Answer 5

• {
  text-align: center;
  color: blue;
  }

Question 6

közös tulajdonságú rlrmrk tulajdonságainak megadása

Answer 6

Pl.:
h1, h2, p {
  text-align: center;
  color: red;
}

Question 7

Css csatolási módjai:

Példák:

Answer 7

külső

dokumentumon belüli

body {
background-color: linen;
}

h1 {
color: maroon;
margin-left: 40px;
}

elemen belüli

<h1>This is a heading</h1>

Question 8

színmegadási módok példákkal:

Answer 8

<h1>...</h1>

<h1>...</h1>

<h1>...</h1>

<h1>...</h1>

<h1>...</h1>

Question 9

háttér színe:

Answer 9

background-color: green;

Question 10

háttérkép megadása

Answer 10

body {
background-image: url(“paper.gif”);
}

Question 11

háttérkép ismétlődésének letiltása

Answer 11

background-repeat: no-repeat;

}

Question 12

háttérkép csak vízszints ismétlődése:

Answer 12

background-repeat: repeat-x;

}

Question 13

háttérkép helyének megadása:

Answer 13

background-position: right top;

Question 14

háttérkép fixálása(görgetés ellenére ugyanott marad)

Answer 14

background-attachment: fixed;

}

Question 15

háttérkép elmozdulása görgetés közben:

Answer 15

background-attachment: scroll;

Question 16

Egész border stílusozása

Answer 16

p.one {
border-style: solid;
}

Question 17

border részeinek külön stílusozása

Answer 17

p {
  border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
}

Question 18

border méretének értelmezése:

1. ) 4 elem esetén
2. ) 3 elem esetén
3. ) 2 elem esetén
4. ) 1 elem esetén

Answer 18

1. ) felső. jobb, alsó, bal rész
2. ) felső, bal-jobb, alsó rész
3. ) felül-alul, jobb-bal rész
4. ) összes része

Question 19

border sarkainak lekerekítése

Answer 19

border-radius: 5px;

Question 20

mi a margó?

Answer 20

Egy keret távolság a körülötte lévő elemekhez képest

Question 21

Egy elem összes részének margója

Answer 21

p {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 80px;
}

Question 22

margó méreteinek értelmezése részenként(4,3,2,1 méret esetén)

Answer 22

mint a border méreteinél

Question 23

Egy keret tartalmának középre helyezése:

Answer 23

margin:auto

Question 24

Mi a padding

Answer 24

Egy kereten belül az elemek távolsága

Question 25

Elemek egymás közötti távolságának megadása részenként

Answer 25

div {
  padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 80px;
}

Question 26

padding méreteinek értelmezése részenként(4,3,2,1 méret esetén)

Answer 26

mint a margónál

Question 27

Mi a max-width?

Answer 27

Az elem maximujm ilyen nagyságú lehet, de ha lekicsinyül a böngésző, alkalmazkodni fog annak a méretéhez

Question 28

Mi az az outline

Answer 28

Az elem röüli rész kívülről(alapból, de belülre is lehet helyezni)

Question 29

outline stílusa:

Answer 29

outline-style:stílus

Question 30

outline nagysága

Answer 30

outline-width: nagyság;

Question 31

Mire való az outline offset?

Answer 31

Az outline és az elem közötti távolság megadására

Question 32

szöveg dekoráció:

Answer 32

tex-decoration:(none, vagy dekoráció);

Question 33

szöveg transzformáció(nagybetű, kisbetű, kiskapitális)

Answer 33

p.uppercase {
text-transform: uppercase;
}

p.lowercase {
text-transform: lowercase;
}

p.capitalize {
text-transform: capitalize;

Question 34

bekezdés első sorának behúzása:

Answer 34

p {
text-indent: 50px;
}

Question 35

szöveges elem betűinek távolsága:

Answer 35

h1 {
letter-spacing: 3px;
}

h2 {
letter-spacing: -3px;
}

Question 36

sortávolság

Answer 36

p.small {
line-height: 0.7;
}

p.big {
line-height: 1.8;
}

Question 37

szöveg visszafele történő megjelenítése:

Answer 37

p {
direction: rtl;
}

Question 38

betűtípus megadása:

Answer 38

p {
font-family: “Times New Roman”, Times, serif;
}

Question 39

betű stílusa

Answer 39

p.normal {
font-style: normal;
}

p.italic {
font-style: italic;
}

p.oblique {
font-style: oblique;
}

Question 40

betű mérete

Answer 40

h1 {
font-size: 40px;
}

Question 41

betű vastagsága:

Answer 41

p.normal {
font-weight: normal;
}

p.thick {
font-weight: bold;
}