안졸리다안졸리다안졸리다 🌠
user agent CSS 🌠
https://www.stefanjudis.com/today-i-learned/you-cant-override-important-user-agent-css-declarations/
!important로 오버라이드할 수 없다
stylesheets는 3가지 종류가 있다
- the browser default styles defined in
user agent stylesheets - user-defined styles to customize a website defined in
user stylesheets - web page styling defined and linked in
author stylesheets
Author styles override user styles, which override user agent styles.
즉, Author> user styles> user agent styles
단, !important 일때 important user agent styles override important user styles, which override important author styles.
즉, 거꾸로다.
이 stylesheet을 초기화할 수 있는데, reset stylesheet를 이용하면 된다. 딱 정해진 건 없고 다들 만들어서 쓰는데 비슷비슷한듯하다
https://meyerweb.com/eric/tools/css/reset/
vscode 🌠
M: Modified
D: deleted -
U: Untracked
.html .css .js 🌠
<hr>태그에 border=0을 하면 hr만큼의 부피는 생기지만 선은 보이지 않아서 유용하게 사용할 수 있다.
추가로 굵기는 height로 지정할 수 있다
창 크기 바뀔 때도 위치가 다른 태그들과 일관성있게 움직여야하면 position: relative를 이용한다.
https://velog.io/@eunjin/CSS-Position-%EC%86%8D%EC%84%B1-relative-absolute-fixed%EB%A1%9C-%EC%BD%98%ED%85%90%EC%B8%A0-%EC%A0%95%EB%A0%AC%ED%95%98%EB%8A%94-%EB%B2%95
여기서도 모달 띄울 때 모달을 포함하는 div(overlay)를 띄우고 모달창을 띄우는데 다른 방법도 있다는 거겠지???
profile-edit 모달 창 자꾸 동시에 뜨는 건 괄호 하나가 없어서였다고 하고
css 파일 정리가 처음엔 좀 뒤죽박죽이었는데 갈수록 차근차근 정리가 됐다 다행
js 파일이 사실 가장 중요한 부분인데 오늘은 js는 거의 안했다
checkout 파일 수정하면서 불과 몇시간 전에 했던 createproduct 페이지보다 수월해진 걸 느꼈는데(물론 그 페이지가 더 난감했다) 점점 더 나아질 수도 있지 않을까하는 희망을 품게됐다.. 이 길이 맞는지 아직도 알 수가 없지만..으으
.html table 🌠
<table>
<tr>
<td> 1 </td>
<td> 2 </td>
</tr>
</table>
1행 2열의 테이블이 생성됨
colspan/rowspan하면 행/열 병합이 가능함
ex) <td colspan='2'> 2개의 열이 병합되어 한줄이 됨
border-spacing: 셀간의 간격
배포
