Scribd
Upload
9 views

CSS Cần Coi Các Định Dạng Như Background, Border, Margin, Padding, Height Và Width, Text, Font, Links, Lists, Table, Display, Float

The document discusses CSS formatting styles including background, border, margin, padding, height, width, text, font, links, lists, tables, display, and float. It provides CSS code to format elements like the page body, menu, images, text containers, and more. Styles are defined for elements, links, headings, paragraphs, lists, and containers.

Uploaded by

TN Huỳnh
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
9 views

CSS Cần Coi Các Định Dạng Như Background, Border, Margin, Padding, Height Và Width, Text, Font, Links, Lists, Table, Display, Float

The document discusses CSS formatting styles including background, border, margin, padding, height, width, text, font, links, lists, tables, display, and float. It provides CSS code to format elements like the page body, menu, images, text containers, and more. Styles are defined for elements, links, headings, paragraphs, lists, and containers.

Uploaded by

TN Huỳnh
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

CSS

Cần coi các định dạng như background, border,


margin,padding,height và width, text,
font,links,lists,table,display, float
body{
//Định dạng trang
    width: 1200px;//quy định chiều rộng
    height: 5000px;//quy định chiều cao
    margin: auto;//căn lề trong css
}
#menu {
    background-color:deepskyblue;
    margin: auto;
    font-size: 20px;
}
#menu ul {
    list-style-type: none;
    overflow: hidden;
    padding: 0px;
    margin: 0px;

#menu li {
    float: left;

#menu li a {
    border-right: 1px solid white;
    color: white;
    display: block;
    text-decoration: none;
    padding: 16px 20px;

#menu a:hover:not(.active) {
    background-color: rgb(238, 169, 223);
    color: white;
}

#menu .active {
    background-color: deepskyblue;
    color: white;
}
div.hinhanh img{
    width: 1200px;
}
div.left{
    width: 800px;
    float: left;
}
div.right{
    width: 400px;
    height: 770px;
    float: left;
}

div.left h4{
    text-transform: uppercase;
    color: dodgerblue;
    clear: both;
    margin: 10px;
    margin-bottom: 0;
}
div.tin{
    width: 220px;
    float: left;
    text-align: justify;
    margin:5px 20px;
}
div.tin p{
    padding:  0px 10px;
    margin-top: 0;
}
div.tin img{
    width: 220px;
}
div.right h3{
    background-color: blue;
    text-transform: capitalize;
    color: white;
    text-align: center;
    margin: 0px;
    padding: 10px;
}
div.right ul{
    color: blue;
    list-style-type:calc();
}
div.right img{
    width: 400px;
}

.so{
    clear: both;
    height:15px;

}
.solieu{
    width: 390px;
    float: left;
    margin-right: 555px;
    padding-left:10px ;
    margin-top: 10px;
}.solieu1 {
    width: 220px;
    float: left;
    height: 20px;
    padding-left: 10px;
    margin-top: 10px;
}.solieu1 h3 {
    font-weight: normal;
    text-transform: uppercase;
    margin: 0px;
}
.solieu h3{
    font-weight: normal;
    text-transform: uppercase;
    margin: 0px;
}
.chitiet {
    float: left;
    width: 390px;
    margin-left: 10px;
    margin-top: 5px;
    margin-right: 80px;
}
div.chitiet ul {
    list-style-type: none;
    color: white;
    font-size: medium;
    text-transform: capitalize;
    line-height: 25px;
    padding-left: 1px;
    margin: 0;
}
.chitiet1 {
    float: left;
    width: 220px;
    margin-left: 10px;
    margin-top: 5px;
}

div.chitiet1 ul {
    list-style-type: none;
    color: white;
    font-size: medium;
    text-transform: capitalize;
    line-height: 25px;
    padding-left: 1px;
    margin: 0;
}
div.thongtin{
    clear: both;
    background-color: deepskyblue;
    height: 170px;
    color: white;
}
div.noidung{
    margin-top: 0px;
    clear: both;
}

You might also like