ҳ̸Ҳ̸ҳ 12a2tanha ҳ̸Ҳ̸ҳ

♥️Chào Mừng Bạn Đã Đến Với Diễn Đàn 12a2 TânHà
A2 Family Chúc Bạn Có Những Phút Giây Vui Vẻ^^♥️

ҳ̸Ҳ̸ҳ 12a2tanha ҳ̸Ҳ̸ҳ

♥️Chào Mừng Bạn Đã Đến Với Diễn Đàn 12a2 TânHà
A2 Family Chúc Bạn Có Những Phút Giây Vui Vẻ^^♥️

Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?

Đăng Ký

Bạn phải điền đầy đủ thông tin đăng ký!

  

    [hướng dẫn] cho những ai chưa biết CSS

      KUSHYPRO

      Posts Posts : 578

      Points Points : 503695

      Thanked Thanked : 9

      Ngày Đăng Kí : 12/08/2010

      Đến từ Đến từ : -* LÂM ĐỒNG

      Châm Ngôn Sống Châm Ngôn Sống : hãy Sống nhÆ° ngay mai bạn chết? :))

      #1

       Sat Mar 12, 2011 8:15 am

      Ồ, đâu có thấy gì lạ đâu ?
      Bây giờ mình có vài hướng dẫn với các bạn không biết CSS, xin các pro thông cảm nhé.
      Trước hết mình nói các giá trị của quote mặc định để các bạn tự làm theo ý thích nhé. Mặc định trong CSS nó như thế này:
      code CSS Ý nghĩa
      .quote{
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 11px;
      color: #444444;
      line-height: 125%;
      background-color: #fafafa;
      border: #d1d7dc;
      border-style: solid;
      border-left-width: 1px;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px}

      Font
      Kích thước font
      màu chữ
      chiều cao dòng
      màu nền
      Màu đường viền (khung)
      Kiểu khung
      Độ dày cạnh trái khung
      Độ dày cạnh trên khung
      Độ dày cạnh phải khung
      Độ dày cạnh dưới khung
      Chỉ cần sửa các giá trị mặc định này lại đôi chút là nhìn được rồi, đâu cần gì cao siêu.

      Còn nâng cao thêm một chút các bạn có thế tham khảo và bổ sung các giá trị khác như:
      Code CSS Ý nghĩa
      padding:10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      text-align: justify;
      font-weight: Bold;
      background-image:url('link ảnh nền');
      Khoảng cách giữa biên khung và chữ
      Bo tròn góc
      Bo tròn góc
      Căn chữ đều hai bên
      Chữ đậm
      Hình nền (Thay cho background-color là màu nền
      Các bạn có thể tìm thêm các giá trị khác

      Ví dụ mình viết thế này:

      Code:
      <table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td class="code">.quote{
          font-family: Verdana,Arial,Helvetica,sans-serif;
          font-size: 12px;
          color: #0000A0;
          line-height: 125%;
          background-color: #FCF9D8;

              padding:10px;
              -moz-border-radius: 10px;
              -webkit-border-radius: 10px;
              text-align: justify;
              font-weight: Bold;
              background-image:url('http://i66.servimg.com/u/f66/14/26/60/46/backgr11.jpg');

          border: #FF0000;
          border-style: solid;
          border-left-width: 1px;
          border-top-width: 1px;
          border-right-width: 3px;
          border-bottom-width: 3px;}

      </td></tr></table>

      Kết quả:


      [hướng dẫn] cho những ai chưa biết CSS Back10
      KUSHYPRO

      Posts Posts : 578

      Points Points : 503695

      Thanked Thanked : 9

      Ngày Đăng Kí : 12/08/2010

      Đến từ Đến từ : -* LÂM ĐỒNG

      Châm Ngôn Sống Châm Ngôn Sống : hãy Sống nhÆ° ngay mai bạn chết? :))

      #2

       Sat Mar 12, 2011 8:16 am

      Sáng sớm ra vội trả nợ cho các bạn đây, nhưng nhớ là đừng có dán code vào khung trích dẫn nhé [hướng dẫn] cho những ai chưa biết CSS 578864
      Dù là khung trích dẫn (quote) hay hay khung code thì các bạn đều có thể thêm các giá trị sau đây:
      Code CSS Ý nghĩa
      min-width: 300px;
      max-width: 500px;
      min-height: 300px;
      max-height: 500px;
      Chiều rộng tối thiểu
      Chiều rộng tối đa
      Chiều cao tối thiểu
      Chiều cao tối đa

      Cụ thể là:
      Trong CSS đã có đoạn này:

      Code:
      .code{
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 11px;
      color: #444444;
      line-height: 125%;
      background-color: #fafafa;
      border: #d1d7dc;
      border-style: solid;
      border-left-width: 1px;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px}
      Bây giờ các bạn nhét thêm cái này vào ( cho vào bên trong cặp dấu { } nhé)

      Code:
      max-width: 500px;
      Ghi chú: 500px hình như hơi nhỏ, tăng lên cho vừa nhé, miễn sao chưa vỡ khung là được, của [hướng dẫn] cho những ai chưa biết CSS 930734 hơi nhỏ)
      Thôi đi thể dục buổi sáng đã, tí nữa về viết tiếp các code CSS khác [hướng dẫn] cho những ai chưa biết CSS 578864