Scribd Logo
Upload

Welcome to Scribd!

  • Các thuộc tính cơ bản

    Uploaded by

    VN BomXanh
    9 views5 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views5 pages

    Các thuộc tính cơ bản

    Uploaded by

    VN BomXanh

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    ĐỊNH DẠNG CHO WEBSITE BẰNG CSS

    Ta có thể định dạng sử dụng CSS bằng thẻ lệnh <style> trong phần thẻ lệnh <head> hoặc trực tiếp trong thẻ lệnh của các đối
    tượng html. Định dạng trong thẻ lệnh <style> thường được dùng trong trường hợp muốn định dạng nhiều phần tử cùng lúc. Dạng trực
    tiếp được dùng để định dạng cho một phần tử riêng biệt
    Ví dụ:
    Định dạng trong thẻ lệnh <style> Định dạng trực tiếp
    <!DOCTYPE html> <!DOCTYPE html>
    <html> <html>
    <head> <body>
    <title>Định dạng CSS</title> <h1 style ="text-align:center">Heading 1</h1>
    <style> </body>
    h1 { text-align:center;}
    </html>
    </style>

    </head>
    <body>
    <h1> Heading 1</h1>
    </body>
    </html>

    </body>
    </html>

    Một số thuộc tính CSS

    Thuộc tính Ý nghĩa Ví dụ

    color <!DOCTYPE html>


    Thiết lập màu chữ cho phần tử. Giá trị <html>
    của thuộc tính color có thể xác định theo: <body>
    <p>WEB CƠ BẢN 1</p>
    <p style="color:green">WEB CƠ BẢN 2</p>
    o Tên màu (Ví dụ: green, blue, red, <p style="color:#99FF66">WEB CƠ BẢN 3</p>
    yellow, pink, black, white,....) <p style="color:rgb(120,0,150)">WEB CƠ BẢN 4</p>
    <p>WEB CƠ BẢN 5</p>
    o Giá trị Hex (Ví dụ: #00FF00,
    </body>
    #99FF66, #66CC99,....)
    </html>
    o Giá trị RGB (Ví dụ: rgb(255,0,0),
    rgb(120,0,150),....)

    <!DOCTYPE html>
    <html>
    <body>
    <p>WEB CƠ BẢN 1</p>
    <p style="background-color:green">WEB CƠ BẢN 2</p>
    <p style="background-color:#99FF66">WEB CƠ BẢN
    Thiết lập màu nền cho phần tử. Giá trị 3</p>
    background của thuộc tính background-color có thể <p style="background-color:rgb(120,0,150)">WEB CƠ
    -color xác định theo tên màu, giá trị Hex, giá trị BẢN 4</p>
    RGB giống như thuộc tính color. <p>WEB CƠ BẢN 5</p>
    <div style="background-color:yellow">
    <h2>WEB CƠ BẢN 6</h2>
    <h3>WEB CƠ BẢN 7</h3>
    </div>
    </body>
    </html>

    font-size <!DOCTYPE html>


    Thiết lập kích cỡ chữ cho phần tử. Giá trị <html>
    của thuộc tính font-size có thể xác định <body>
    theo: <p>WEB CƠ BẢN</p>
    <p style="font-size:32px">WEB CƠ BẢN</p>
    o px <p style="font-size:2em">WEB CƠ BẢN</p>
    <p>WEB CƠ BẢN</p>
    </body>
    o em (1em = 16px) </html>

    <!DOCTYPE html>
    Thiết lập kiểu chữ cho phần tử. Dưới đây <html>
    là một số kiểu chữ phổ biến: <body>
    <h1 style="font-family:Georgia">web cơ bản</h1>
    o Times New Roman <h1 style="font-family:monospace">web cơ bản</h1>
    <h1 style="font-family:Courier">web cơ bản</h1>
    o Book Antiqua
    </body>
    o Arial Black </html>

    o Lucida Sans Unicode


    o Palatino Linotype

    font-family o Georgia
    o Lucida Console
    o Arial
    o Tahoma
    o Impact
    o Verdana
    o monospace
    o Courier

    text-align <!DOCTYPE html>


    Canh lề cho nội dung của phần tử. Thuộc <html>
    <body>
    <h1 style ="text-align:center">Heading 1</h1>
    tính text-align có ba giá trị: <h2 style ="text-align:left">Heading 2</h2>
    <h3 style ="text-align:right">Heading 3</h3>
    o left (canh cho nội dung nằm bên </body>
    trái) </html>
    o center (canh cho nội dung nằm ở
    giữa)
    o right (canh cho nội dung nằm bên
    phải)

    <!DOCTYPE html>
    Tạo đường viền bao xung quanh phần tử. <html>
    Giá trị của thuộc tính border có 3 tham <body>
    số: <h1>web cơ bản</h1>
    <h1 style="border:3px solid blue">web cơ bản</h1>
    o Tham số thứ nhất là độ dày của <h1>web cơ bản</h1>
    đường viền </body>
    </html>
    border o Tham số thứ hai là kiểu đường
    viền (Có một số kiểu
    như: groove, ridge, inset, outset,
    none, hidden, dotted, dashed,
    solid, double,....)
    o Tham số thứ ba là màu của đường
    viền.

    width, Thiết lập chiều rộng và chiều cao cho <!DOCTYPE html>
    height phần tử. Có thể xác định theo đơn vị px <html>
    hoặc % <body>
    <h1>web cơ bản</h1>
    <h1 style="border:1px solid
    black;width:300px;height:200px">web cơ bản</h1>
    <h1>web cơ bản</h1>
    <h1 style="border:1px solid
    black;width:100%;height:150px">web cơ bản</h1>
    </body>
    </html>

    You might also like