• Task 4 [BDWS]

    <link type="text/css" rel="stylesheet" href="stylesheet.css"/> : chèn địa chỉ css tới html để nó làm theo ý mình

    Trong tab .css viết p{ lệnh } hoặc h1{lệnh}... để config trực tiếp sang .html

    /* Thêm text vào đây để nói note cho từng đoạn code mình viết ra nó là làm cho đoạn code nào , cho người đọc lại code của mình rễ nhìn ,hiểu hơn */

    Có thể thêm 1 cách viết cỡ chữ khác px đó là em . VD : <p style="font-size: 69em">MinhBu</p> để biến MinhBu thành cỡ 69em ( em = px )

    Cơ bản để tạo xương cho HTML :
    <!DOCTYPE html>
    <html>
        <head>
       <title>
    </title>
        <head>
    <body>
     <table>
        <thead>
        <tbody>
    </tbody>
        <thead>
     </table>
    </body>
    </html>

    Sẽ hiểu đoạn code như sau : <tr>
                                     <td></td>
    <td></td>
    <td></td>
    </td>
    sẽ tạo ra 1 hàng tr gồm 3 phần tử bảng td
    text-decoration: none;  : để làm cho link bạn dẫn không bị gạch chân


    <div>
        <div>
            <p>I like tacos!</p> để chọn dòng p thay đổi màu ta phải làm như sau bên CSS:div div p {
        /*CSS stuff!*/
    }



    *{
        border: 2px dashed #3A5FCD;
    }
    cho toàn bộ cái border bảng sang màu xanh và có 2px



    <div class="fancy">MinhBu</div> thay đổi MinhBu theo funcy
    <h3 class="standout">MinhBu</h3> : để làm cho dòng MinhBu được nổi bật
    khi bên <h2 id="intro">Introduction</h2> thì bên CSS phải khai báo như này #intro{
        color:#B83C3A;
    }


    khi bên <h3 class="standout">text</h3> thì bên CSS khai báo như này #standout{ lệnh }



    <body>
    <div>
    <p>I'm the first child!</p>                  =>>>>>     p:first-child{ font-family: cursive;} : chỉ đến dòng p đầu tiên thành font cursive
    <p>We're not.</p>                            =>>>>>     p:nth-child(2){ font-family: Arial;}  : chỉ dến dòng p2 thành font Arial
    <p>We're not.</p>                ( các đòng dưới tương tự )
    <p>We're not.</p>                            
    <p>We're not.</p>
    <p>We're not.</p>
    <p>We're not.</p>
    </div>
    </body>

    border-radius: 100%;  để tạo khung hình tròn
    #best_friend{
        border: 4px solid #00C957; :tạo ô vuông tròn nhưng đứt nét
    #best_friend{
        border: 4px dashed #00C957; :tạo ô vuông tròn liền nét 




  • 0 nhận xét:

    Đăng nhận xét

    QUOTE & QUOTE

    Without requirements or design, programming is just the art of adding bugs to a blank text file.

    ADDRESS

    100000, My Dinh, Ha Noi, VN

    EMAIL

    minhbu883@mail.com
    minhnn17@fsoft.com.vn

    TELEPHONE

    +84964 214 883

    MOBILE

    +8438 5689 888