CSS nasıl öğrenilir?

TheAny · 1 Mart 2024

Shahdee dedi:
Sadece CSS ile açılan menü işi zor, zordan kasıt yazması etmesi değil de eskide kaldı biraz. İç içe Ul > li > ul falan yapman lazım gereksiz çorba oluyor. Js ile daha mantıklı. Vakit kaybetmemek için de Bootstrap, Tailwind falan kullanabilirsin.

Divlerle yapmak kolay. O kadar da zor değil.

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        * {
            padding: 0;
            margin: 0;
        }
        .navbar {
            position: relative;
            padding: 10px;
            display: flex;
            background-color: #ccc;
        }
        .dropdown {
            position: relative;
            display: flex;
            flex-direction: column;
        }
        .btn {
            border: 1px solid #00000050;
            background-color: cadetblue;
            color: white;
            font-size: 1.2rem;
        }
        .mt1 {
            margin-top: 1px;
        }
        .mb1{
            margin-bottom: 1px;
        }
        .m5 {
            margin: 5px;
        }
        .p10 {
            padding: 10px;
        }

        .btn:hover {
            background-color: rgb(75, 138, 140);
        }
        .btn:active {
            background-color: rgb(55, 118, 120);
        }
        .dropdown-menu {
            display: none;
            position: absolute;
            width: 95%;
            top: 100%;
            left: 4px;
            background-color: #ccc;
        }
        .dropdown:hover .dropdown-menu {
            display: flex;
            flex-direction: column;
        }
    </style>
</head>
<body>
    <div class="navbar">
        <input type="button" value="Örnek Button" class="btn m5 p10">
        <div class="dropdown">
            <input type="button" value="Örnek Dropdown" class="btn p10 m5">
            <div class="dropdown-menu">
                <input type="button" value="Btn1" class="btn p10 mb1">
                <input type="button" value="Btn2" class="btn p10 ">
                <input type="button" value="Btn3" class="btn p10 mt1">
            </div>
        </div>

        <div class="dropdown">
            <input type="button" value="Örnek Dropdown 2" class="btn p10 m5">
            <div class="dropdown-menu">
                <input type="button" value="Btn1" class="btn p10 mb1">
                <input type="button" value="Btn2" class="btn p10">
                <input type="button" value="Btn3" class="btn p10 mt1">
            </div>
        </div>
    </div>
</body>
</html>

MidI0ck dedi:
Python biliyorum hatrı sayılır düzeyde. ML,DL ile ilgileniyorum. Pandas,scikit,numpy,selenium,bs4 gibi bir çok kütüphaneye hakimim ama allah kahretsin ben CSS yapamıyorum

Machine Learning ve Deep Learning algoritmalarını anlayıp CSS anlayamamak biraz fazla ironik olmuş.

Coderman128 · 1 Mart 2024

MidI0ck dedi:
Neyi kopyalayıp,neyi yapıştırmışım bir anlatır mısınız? Katkı sunmadan bomboş mesaj atıyorsunuz. CSS kime göre neye göre en kolay dil oluyor?

WEB alanında daha kolay bir dil yok. W3'den çalışanlar genelde kopyala yapıştır ile çalışıyor ondan bahsettim. Proje yaparak çalışırsan bir ayını almaz.

Lysoth · 4 Mart 2024

CSS'i tamamen öğrenmen zaten imkansız. İmkansız diyorum çünkü milyon tane durum var, projeler geliştireceksin, ihtiyacın ne ise onu araştıracaksın. Nasıl oturduğun yerden araba sürmesini tam olarak öğrenemezsen kodlamayı da sadece video izleyerek veya doküman okuyarak öğrenemezsin. Öncellikle internette gördüğün her görseli CSS ile yapmaya çalış, yapamadığında nerede hata yaptığını ve nerede eksik olduğunu göreceksin.

CSS nasıl öğrenilir?

Ayrıntılı düzenleme

TheAny

Gigapat

Coderman128

Kilopat

Lysoth

Decapat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz