사이트 이동기의 요점은 유저한테 이동 기능을 제공하는데. 일단 신뢰도를 줘야 한다. 이 놈들이 이상한 사이트로 낚시하지 않는다는 이미지를 제공하고 오랬동안 사이트가 유지됨으로서 신뢰도를 쌓아가는것이다. 그런 관점에서 다음 블로그 기본 제공 웹 디자인의 모바일 웹 디자인을 볼 때. 여기서 상단 이미지가 매우 커서 로딩시 자동으로 눈에 들어오는 본문 내용을 가리는 것은 매우 부적절하다. 그렇다고 아예 이미지가 없는것은 더욱 사용자의 신뢰를 하락시킬 것이다. 따라서 여기서는 구글 개발자 모드에서 해당 이미지를 역추적해 이 부분이 article-header라는것을 확인하고 정보를 흭득했다. 여기서 크기가 px vw라고 나와 있는데 픽셀은 상식으로 아는 그 픽셀이겠고 vw의 개념을 처음 접하게 되었다. https..

h 태그의 경우 display 세팅을 linline으로 바꾸면 된다. 예는 다음과 같다. x

티스토리 에디터에서 span tag의 id를 지 멋대로 없애버리는 현상을 발견. 우회를 위해 H태그에 인라인을 삽입하려고 하였지만 왠지 바보같아져 클래스를 생성하기로 했다. 여담으로 이번에 인생 최초로 css란걸 수정해본다. 어쨌든 기본으로 써져있는 코드 보면서 문법 유추해서 수정해서 사용하려고 하는데 시험으로 p태그 클래스 생성한것이 본문에서 적용이 안 되는 현상이 발생했다. 구글 개발자 콘솔로 스타일을 확인해보니 로딩은 되었는데 취소선이 그어져 있다는것을 발견했다. 왜 그런지 검색을 해보니 스타일 충돌 시 더 상세한 내역의 definition이란 소리이다. 이는 higher specificity 또는 더욱 local rule이기 때문에 그렇다. 아니 css 문법도 모르겠고. 어쨌든 여기서도 겐또로 생..

Crossed out text라고 한다.

아이프라 공식카페 www.naver.com test123 >h1 {display: inline;} x 초 후 공식 카페 로 이동 x 초 후 공식 카페 로 이동 x 초 후 공식 카페 로 이동 x 초 후 공식 카페 로 이동 에이치원 글자 수 테스트 하나 둘 셋 넷 x 초 후 아이프라 공식 카페 로 이동 x sdafsfdaafsd 테스트 x 초 후 https://m.cafe.daum.net/umamusume-kor/_rec 로 이동 https://m.cafe.daum.net/umamusume-kor/_rec h1 h2 h3 h4 h5 h6 test초 후 테스트테스트테스트 testtest test h1 {color:red;} p {color:blue;} This is a heading This is a para..