🙂 İNSANLARIN EN HAYIRLISI INSANLARA FAYDALI OLANDIR 🙂

Ramazan HABER / CSS / head tag ları arasına style tanımlama

 

1-) CSS -  head tag ları arasına style tanımlama

 

1-)head tag ları arasına style tanımlama <style type="text/css">.clas{}</style>

  1. <head>
  2. <style type="text/css">
  3. .kutu {
  4. background-color:blue;
  5. width:200px;
  6. height:110px;
  7. box-shadow:10px 20px 4px #000000;
  8. border-radius:200px;
  9. transform:rotate(45deg);
  10. margin:40px;
  11. text-align:center;
  12. margin:40px auto;
  13. padding-top:90px;
  14. }
  15. </style>
  16. </head>

2-) eğer doğrudan <body> etki etmek istiyorsan başına nokta(.) koymazsın.

  1. <head>
  2. <style type="text/css">
  3. body{background-color:blue}
  4. .kutu {}
  5. </style>
  6. </head>

3-) Bu oluşturduğumuz .kutu{} clasını div'e aşağıdaki class metoduyla aktarırırz

  1. <body>
  2. <div class="kutu">Ramazan haber</div>
  3. </body>

4-) aynı zamanda bu nokta(.) ile oluşturulan css leri diğer taglarada uygulayabilirsin

  1. <body class="arkaplanrengi ">   şeklinde.

5-)eğer doğrudan etiketlere etki etmek istiyorsan başına nokta(.) koymazsın. ve kendine özel etiket oluşturmuş olursun. örnek aşağıda

  1. <head>
  2. <style type="text/css">
  3. dene{background-color:green}
  4. </style>
  5. </head>

Uygulaması aşağıdaki gibidir

<dene>ramazan</dene>

 2021 Ocak 18 Pazartesi
 426