타쿠꺼
스크롤바의 크기는 해당 컨테이너의 크기와 같다.해당 컨테이너의 크기값에 비해 자식요소가 더 공간을 많이 차지하는 경우 스크롤바가 생기는 것이다.이 당연한 것을 항상 염두해 두자.
- html의 기본 넓이값은 화면의 100%이다.- 모든 요소는 자신보다 앞에 있는 형제 공간요소의 흐름에 영향을 받는다(형제의 자식에겐 안 받음). static이건, relative건, absolute건, fixed건, float이건 위치값인 top과 left가 특정지어지지 않는다면 자신의 앞에 있는 공간요소의 흐름에 영향을 받아 배치된다.- 위치의 기준점인 top: 0, left: 0은 static이 아닌 가장 가까운 부모요소의 왼쪽 상단이 기준점이다.- 요소의 크기값이 정해지지 않으면 자신이 담고있는 내용물(텍스트, 자식요소 등)의 공간값에 의해 크기값이 결정된다. 즉 내용물이 position: absolute, fixed; float이면 크기값에 반영되지 않는다.- 텍스트는 inline 요소이다...
border로 삼각형 만들기 - content: '';- height, width: 0;- border: solid transparent;- border-pos-color: #color- border-width: npx; 만약 border-top-color만 지정하면 ▼가 나옴. right는 ◀. 보통 :after나 :before 속성에 사용.
CSS - position: absolute; 사용에 관하여 나는 지금껏, 왠진 모르지만 position: absolute는 상당히 지양해야 하는 속성이라고 생각해왔다.하지만 반은 맞고 반은 틀리다.position: absolute는 상당히 좋은 옵션이긴 하다. 내가 원하는대로 바로바로 포지셔닝할 수 있기 때문이다.하지만, 요즘은 다양한 크기의 화면으로 웹을 들어온다. position: absolute는 이러한 환경에 취약할 수 있다.이럴 땐 relative와 absolute를 적절히 사용해야 한다.레이아웃의 큼지막한 덩어리인 부모컨테이너는 relative를 사용하고, 그 부모 안의 자식요소들은 absolute를 사용하는 것이다.이러면 큰 레이아웃 덩어리는 흐름에 맡길 수 있고, 자식요소들은 부모와 함께..
text를 없애고, text-shadow만 준다면 blur효과를 낼 수 있다.
기초 1. 전역변수의 최소화 - 전역변수는 다른 외부코드들과 혼용사용되면 오류를 야기시킬 수 있기 때문에 사용을 최소화 하여야 한다. - var로 변수를 선언하지 않으면 암묵적으로 전역변수로 정의된다. 따라서 항상 var를 선언하도록 하자. - 전역변수를 var로 선언하면 delete되지 않는다. - 암묵적 전역변수는 사실상 전역객체(브라우저의 경우 window)의 프로퍼티이므로 delete로 삭제 가능하다. - var 선언을 연쇄적으로 사용할 때 암묵적 전역객체가 생성될 수 있다. ex )function func() {var a = b = 0;} - 이 경우, a는 지역변수지만 b는 암묵적 전역변수다. 이는 평가(evaluation)가 오른쪽에서 왼쪽으로 진행되기 때문이다. - 즉 b = 0이 실행되고..