150s để biết kỹ năng CSS của mình ở mức nào

Đăng bởi Neo trong mục Hướng dẫn vào 03 tháng 5, 2011 | Comments

Tại sao lại là 150s? Đây là thời gian hoàn thành trung bình sau khi mình đã kiểm tra với 30 người. Tức 150s là thời gian hoàn thành bài test thể hiện đúng kiến thức về CSS của bạn (tuy nhiên cũng không cần quá để ý tới khoảng thời gian này)

Dưới đây là 1 đoạn mã định dạng trong CSS, bạn cần phải sửa nó bằng cách bỏ các thuộc tính thừa. Yêu cầu: bỏ được càng nhiều thuộc tính thừa càng tốt và không làm thay đổi chút nào về hiển thị trên trình duyệt (không được thử nghiệm trên 1 file HTML hoặc sử dụng các biện pháp gian lận)

Sử dụng trình duyệt hỗ trợ HTML5 và sửa ngay trong ô dưới đây , sau đó copy/paste đoạn mã đã được chỉnh sửa vào phần bình luận. Nếu có thể, bạn hãy giải thích tại sao lại đưa ra kết quả đó.

 span#box {
    background-image:url(sprite.png) no-repeat;
    display:inline;
    clear:both;
    padding:50px;
    font:12px;
    width:120px;
    height:80px;
    margin:0 auto;
    text-align:center;
    text-indent:-900em;
    left:50px;
    bottom:0;
    z-index:2200007253;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px);
    padding:10px 0;
}

Hãy xem kỹ năng CSS của bạn ở mức mới bắt đầu hay bạn đã là "rock star", "ninja" rồi.

Cảm ơn bạn ufodanger đã gợi ý về bài viết này!

Bạn có thích bài viết này?

Neo's picture

Neo

Nhìn mặt trời từ năm 1984 nhưng tới tận 2002 mới được thấy cái máy tính đầu tiên của mình. Đầu năm 2007 thì quyết định theo cái nghề cao quý là thiết kế web Big Grin. Hiện mình đang sống tại Hà Nội. Sở thích: làm website và giúp đỡ mọi người phát triển website theo chiều hướng tốt đẹp hơn.

Trang chủ - Twitter