뉴렉처 과정 기록 (Frontend)/HTML _ CSS44 04/07 Html/Css 바디부분 table 스타일링 바디부분 스타일링 이제 테이블에 너비를 줄건데... 1의 장점: 특별히 이름을 정해줄 필요가 없다 /별도 이름 필요없음 1의 장점: 순서나 구조가 바뀌면 내용이 무조건 고쳐줘야 한다 2의 장점: 구조가 바껴도 이름만 유지되면 상관없음 2의 단점: 하나하나 이름을 적어줘야 한다 -> 구조가 자주 바뀌니 2의 방법으로 써주도록 하자 셀들이 각각 보더를 가지고 그 사이사이마다 간격(여백)을 가지고 있다 -> table에 border-collapse: collapse로 하게 되면 보더와 보더 사이에 간격을 없앨 수 있다 table-layout : fixed는 내용이 아무리 늘어나도 아이들이 그 자리에 고정될 수 있게 해준다 근데 왜 70이지.. 2021. 4. 7. 04/06 HTML/CSS main부분 스타일링 메인부분 스타일링 main 속의 아이들도 인라인블럭으로 해줘야 할까? 한 층으로 수직으로 쌓인다면 블럭으로 다음은 표를 만들어보자 tr은 경계선이 없어서 border를 넣지 못해 -> td에 border 2021. 4. 6. 04/05 HTML/CSS aside부분 스타일링 aside 부분 스타일링 2021. 4. 5. 04/02 HTML/CSS aside 스타일링, Pseudo(hover) 가구 스타일링 aside 부분 html 하나씩 스타일링 해보자 aside는 수직이기 때문에 인라인형으로 해주지 않아도 됨 -> 블럭형으로 배경이미지 설정이 조금 잘못됐다.. 여기선 line-height 안주는게 이쁘다고 함 -> a 태그를 다 해줬기 때문에 중복될 필요 없어.. 마우스가 올라갈 때만 노란 막대기 뜨게 해주려면? -> Pseudo 클래스 하버해주기 developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes Pseudo-classes - CSS: Cascading Style Sheets | MDN Pseudo-classes A CSS pseudo-class is a keyword added to a selector that specifies a spe.. 2021. 4. 2. 이전 1 2 3 4 5 6 7 ··· 11 다음
