CSS - Cascading Style Sheets

 1.

h3{
    color: green;
    font-size: 20;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Css ders 1</title>
</head>
<body>
    <link rel="stylesheet" type="text/css" href="style.css">
    <style>
        h2{
            color: blue;
        }
    </style>
    <h1 style="color: red;">This is CSS lessons</h1>
    <h2>This is Css lesson</h2>
    <h3>This is Css lesson</h3>
</body>
</html>
2.
<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .menim{
            color: green;
        }
        div, p{
            color: red;
        }

        div p {
            color: purple;
        }
    </style>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Css ders 1</title>
</head>
<body>
    <div>CSS dersleri</div>
    <p style="color: green;">Salamlar</p>
    <p class="menim">Sagollar</p>
    <p>Menim sehifem</p>

    <div>
        <p>sefqoz</p>
    </div>
</body>
</html>
3.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Selectors</title>
</head>
<body>
    <!-- 
        selektor {
            parametr: deyer;
        }
        Selektorlarin novleri:
        1) Umumi selektor: * Butun HTML teqlerini secerek onlara stil verir.
        2) Element selektor: Adini yazdigimiz HTML teqine muraciet ederek onun
        stilini deyiwir.
        3) ID selektor: Sadece 1 teqe mexsus ID-e muraciet ederek onun stilini 
        deyiwir. # iwaresi ile yazilir.
        4) Class selektoru: Eyni class adli bir qrup teqe muraciet ederek 
        onlarin stilini deyiwir. . ile yazilir.
        5) Child selektor: Stilini deyiwmek istediyimiz teq her hansi bawqa 
        teqin icindedirse bu zaman bu selektordan istifade edirik.
        Element > Element
        6) Descendant selektor: Stilini deyiwmek istediyimiz ic ice yerlewirse
        bu zaman bu selektordan istifade ederek onun stilini dayiwirik.
        Element Element
        7) Umumi Sibling selektor: Istediyimiz teqden sonra gelen eyni cur teqlerin
        hamisinin stilini deyiwir. Element ~ Element
        8) Bitiwik Sibling selektor: Istediyimiz teqden sonra gelen ilk teqin
        stilini deyiwir. Element + Element
        9) Attribute selektor: Element[atribut] Sadece her hansi bir atributu olan
        teqin stilini deyiwir.
        10) Multiple selektor: Element, Element, Element... Stilini deyiwmek 
        istediyimiz teqleri ardicil wekilde vergulle yaziriq.
    -->
</body>
</html>
4. Umumi selektor:
* {
    color: red;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="CSS/style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3>Parvin Academy</h3>
    <p>something something text text</p>
    <h6>Dersler</h6>
    <ol>
        <li>HTML</li>
        <li>CSS</li>
        <li>Java</li>
        <li>JavaScript</li>
    </ol>
</body>
</html>
5.Element selektor:

Комментарии

Отправить комментарий

Популярные сообщения из этого блога

Lesson1: JDK, JVM, JRE

Изображение
1. Compiler - takes the entire programming code written in high language and translates the whole of it into machine code at once. After this process the an executable file will be ready to run. The translation takes some times to be done, but after that execution is so fast. 2. Interpreter - takes each single instructions of the code translates it and then executes it on its own. The translation step is before the program runs is fast, but execution is slow. JDK = JRE + development tools JRE = JVM + library class JDK -> Java Development Kit. A kit which provides the environment to develop and execute (run) Java program. JRE -> Java Runtime Environment. Provides environment to only run. JVM -> Java Virtual Machine f * Compiled: Fortran, C, C++, Pascal, Haskell, Rust, Go * Interpreted: JavaScript, PHP, Python, Ruby Java both compiled and interpreted language. Terminalda : javac Main.java yazdiqda, source fayli(.java) bytecode(.class) faylina cevirir. Terminalda: java Main (bu z...
Далее...

SE_21_Lesson_9: Initialization Blocks, Wrapper types, String class

Изображение
-> static block: package org.example.test3 ; public class Blocks { static { System . out .println( "In static block" ) ; } public static void method () { System . out .println( "In static method" ) ; } } package org.example.test3 ; public class Main { public static void main ( String [] args ) { Blocks . method () ; } } -> Class.forName() metodunu ishe salmaq: package org.example.test3 ; public class Blocks { static { System . out .println( "In static block" ) ; } } package org.example.test3 ; public class Main { public static void main ( String [] args ) throws Exception { Class . forName ( "org.example.test3.Blocks" ) ; } } -> non-static (instance) block: package org.example.test3 ; public class Blocks { static { System . out .println( "in static block" ) ; } { System . out .println( "in non static (instance) block...
Далее...

SE_21_Lesson_11: Inheritance, Polymorphism

->  instanceof anlayishi, misallarla izahi   package org.example.lesson_13 ; public class Ulubaba { public String ad ; public String soyad ; public Integer yash ; public void odunDogramaq () { System . out .println( "Ulubaba 50 kq odunu 1 saata dograyir" ) ; } } package org.example.lesson_13 ; public class Baba extends Ulubaba { public String hobbi ; public void otBicmek () { System . out .println( "Baba 1 hektar otu 1 gune bicir" ) ; } } package org.example.lesson_13 ; public class Main { public static void main ( String [] args ) { Baba baba = new Baba() ; System . out .println( baba instanceof Ulubaba ) ; System . out .println( baba instanceof Object ) ; } } -> Upcasting package org.example.lesson_13 ; public class Main { public static void main ( String [] args ) { Ulubaba u = new Baba() ; } } -> Downcasting Problemsiz situasiya: package org.example.lesson_13...
Далее...