본문 바로가기

전체 보기

 (222)
[Css] margin 0px auto block 태그 중앙정렬 그림과 같은 Box를 margin: 0px auto 주는 것이 왜 중앙 정렬이 되는 것일까? 마진 값을 주는 방식 중 2개만 주는 방법이고 (0~4개까지) 2개만 주게 되면 앞에 것은 상하, 뒤에 것은 좌우가 된다. 즉 상하 마진을 0, 좌우 마진을 auto로 줘서 중앙 정렬이 된 것처럼 보이게 하는 기능이다. 그림이 있다 안에 block 박스를 마진 0, auto를 주면 (패딩, 보더 생각 xxx) 아래 그림처럼 상하는 꽉 채우고 좌우 정렬이 된 것 같은 효과를 낸다. margin:0 auto가 정렬이 되지 않는 case 1.inline 태그들 해결방법ㅡ>: display :block 2.width 값이 없을 때 // 말이 되는가? 의문이 생기고있다 해결방법ㅡ> margin은 width 값이 존재한다는..
2019-04-01 주제 : 웹접근성과 웹표준 학습목표: 웹접근성과 웹표준의 기본 개념을 파악하고 웹표준을 준수하는 것이 웹접근성 관점에서 왜 필요한지 살펴본다. 세부내용 : - 웹접근성이란? 웹표준 관련 기술 구조와 표현 및 동작 OpenWax를 활용한 웹접근성 점검 - 사다리 모양 점수체크 Web Developer Tool 활용 ㅡ 크롬 확장프로그램(?) 톱니바퀴 모양 설치 문법 검사(Validation) ㅡ https://validator.w3.org/ https://jigsaw.w3.org/css-validator/ 오늘 웹 접근성과 웹 표준에 대해서 많이 배웠는데, 잘 기억나지 않는다 이런 지식을 이 배웠으나 기억나지 않는 지식일 것 같다. 웹의 전반적인 역사, web 표준은 w3c web accessibility..
2019-03-30
2019-03-29 _position_ absolute는 가장 가까운 부모 중 relative를 찾아서 그 친구를 기준으로 위치가 형성된다(?) 그림처럼, 세 개의 공간에 가장 큰공간이 postion relative, 가운데가 static( 기본값이 static으로 알고 있음)가장 작은 공간을 absolute로 잡고 (파란색 공간이 없다고 가정) 추가적으로 가장 작은 공간에 top : x px;을 준다면 두 번째 static을 넘어서 가장 큰 relative의 top부터 x 픽셀 떨어진 곳에 위치해서 파란색 공간 느낌으로 차지하게 되는 것 같다 그에 비해 fixed는 간단한것 같다.'보이는 화면'의 위치이기 때문이다. fixde로 가운데다 지정해놨으면 마우스로 움직여도 그 위치가 항상 고정되어있다 화면에 벚꽃띄우는 효과를 ..
2019-03-26 name = bs name = "bs" name = 'bs' 의 차이name = bs name이라는 변수에 bs라는 값을 할당name ="bs", 'bs' name이라는 변수에 "bs" 'bs'문자열 할당 왜? 문자열을 ""없이 표기하면 변수 혹은 예약어와 헷갈릴 수 있다.""과 ''를 언제 나눠서 쓰나요?name = "ja'ke", 'ja"ke', "ja"ke" escape처리같은 어떤 특별한 목적이 있을때 셀렉터의 우선순위 ㅡ> class="클래스" ㅡ> ID="아이디"simple ㅡ> complex순 웹브라우저가 문서를 표기하는 순서1.HTML 로드 2.DOM 객체 생성 3.$(DOCUMNET).READY()실행 4.이미지 등 요소 로드5.페이지 로딩 완료66.$(window).ready()
TIL: table 태그 학습 table 태그에 대해 학습하며, 가능성에 대하여 학습하였다. 이런 레이아웃을 구성할 수 있을까? 고민하였다 좌측, 상단을 기준으로 내가 배운 확장 기능으로는 확장할 수 없고, 우측이나 하단으로만 확장이 가능한 기준점. colspan, rowspan이 합치는 개념이 아닌 확장하는 개념이라는 것을 느꼈다. div 태그와 table 태그로 핵심 레이아웃을 구성하였는데, 앞으로 table 태그로 전체 레이아웃을 맡기지 않는 이유 : 반응형을 적용할 수 없기 때문이 아닌가 추측해본다

티스토리툴바