코드 정리하기

*CSS 작성시

 

*선택자별로 작성

 

부모 >> 자식으로 점점 깊숙히 들어가게  (점점 늘어나게)

ex)

.comment_box {}
.comment_box .info {}
.comment_box > ul li {}
.comment_box > ul li .top {}
.comment_box > ul li .top a {}
.comment_box > ul li .top span {}

 

 

*한줄로 다 처리할것 

ex)

 .comment.type ul li { display: inline; margin: 0 2px; padding:0 10px; width: 32px; height: 32px; background;}​

 

 

*작성순서

ex)

선택자 {
    overflow
    display
    position > left top right bottom > z-index
    padding
    width, height
    background >
    border > 선 , border-radius
    font
       - line-height
       - font-size
       - color
    etc
    box-sizing
    }