How A Typical .CSS File Should Look

By Mark Chidozie   10 months ago   289
Programming - Top Stories

body {
background-color: black;
}
h1 {
    color: red;
}
h3 {
    color: white;
}
h2 {
    color: red;
}
p {
    color: red;
}
p.t {
    color: black;
}
img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    padding: 5px #ccc;
}
div {
    border-radius: 10px;
    padding: auto;
}
div.t {
    border-radius: 10px;
    padding: 12px 0;
    background-color: #ccc;
}
button {
    width: 7.1%;
    border: 2px;
    border-radius: 16px;
    background-color: rgb(0, 21, 255);
    color: white;
}
.glow {
    font-size: 45px;
    color: #fff;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
    }

    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
    }
}

.scroll {
    background-color: black;
    width: 1290px;
    height: 150px;
    overflow: scroll;
}
.checked {
    color: orange;
}
input[type=text], select
    {
        width: 100%;
        padding: 12px 0;
        margin: 8px 0;
        display: inline-block;
        border: 2px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box;
    }
    input[type=number] {
        width: 100%;
        padding: 12px 0;
        margin: 8px 0;
        display: inline-block;
        border: 2px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box;
    }
    input[type=password] {
        width: 100%;
        padding: 12px 0;
        margin: 8px 0;
        display: inline-block;
        border: 2px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box;
    }
    input[type=submit] {
        width: 100%;
        background-color: blue;
        color: white;
        padding: 14px 20px;
        margin: 8px 0;
        cursor: pointer;
        border: none;
    }
    input[type=submit]:hover {
        background-color: lightblue;
    }
    div.me {
        border-radius: 5px;
        background-color: #f2f2f2;
        padding: 40px;
    }
    div.you {
        border-radius: 5px;
        background-color: black;
        padding: none;
    }
    
    

[NewsNaira]


CSS Web Designing


Share this article!


Login to comment and earn


Rance Rider
10 months ago

I really don't get it


(Quote) (Likes)
Nwoko Chima
10 months ago

Good work


(Quote) (Likes)
Mercy Eyo
10 months ago

Take note, all css


(Quote) (Likes)
Stephen Nelson
10 months ago

What does that mean


(Quote) (Likes)
Dele Julius
10 months ago

Just as the news


(Quote) (Likes)
Emmanuel
10 months ago

Ooiyffvbgxxvbbddf


(Quote) (Likes)
Emmanuel
10 months ago

Kkjhggggghbbvddfhjhg


(Quote) (Likes)
Isaac Oguntuyo
10 months ago

Yh you're right


(Quote) (Likes)

Good one for that


(Quote) (Likes)
Aliyu Anas Bunza
10 months ago

AAA name should look allso


(Quote) (Likes)
Clement Cynthia
10 months ago

I don't get it


(Quote) (Likes)
Saidi Nurudeen
10 months ago

I don't understanddd


(Quote) (Likes)
Iorunde Timothy
10 months ago

Thesame thing as the new it self


(Quote) (Likes)

Look good or bad


(Quote) (Likes)
Sapele Patrick
10 months ago

thats cool


(Quote) (Likes)
Efe Gabriel
10 months ago

Can you please send me the truth is I don't


(Quote) (Likes)

Nice coding designed


(Quote) (Likes)

That's great


(Quote) (Likes)
Ifedili Samson
10 months ago

The same thing as News


(Quote) (Likes)
Adoniel Usman
10 months ago

good knowledge dont wast it 


(Quote) (Likes)