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; }