box-sizing? box-model부터 다시 보면 를 통해 공간요소를 만들었는데 default값이 컨텐츠 영역만을 나타내는 content-box이기 때문에 box-model에서 border와 margin영역이 밖으로 벗이나 있다는 뜻이다. 첫 번째는 가로가 30
태그안에 직접 작성하는 inline styling <p style="color:red"><style></style> 안에 작성스타일 시트를 따로 작성 <link href="index.css" rel="stylesheet" type="text/c
img태그로 이미지를 넣을 경우와 css의 background-image로 이미지를 넣을 경우 그 차이가 없다.그런데 <div><backgroud-image:></div>를 개발자들은 왜 쓸까?<div><backgroud-image:><
없다. 정답은. 그러나 자신 나름대로의 기준이 있는 것이 좋겠다.만약 초기 레이아웃 구성하는데 nav와 header는 padding으로 레이아웃은 구분해놓고 footer부분은 margin으로 구분한다면 코드관리에 불편하지 않겠는가?
inline styling(13줄에 style 요소로 직접): 1000점id: 100점class: 10점tag: 1점p태그에 적용된 30px은 1점p-tag클래스에 적용된 15px는 10점이므로 15px이 적용된다.1점(p) + 10점(.p-tag) = 11점 이기 때
나는 건축설계를 하듯이 하려고 한다. 큰 덩어리(mass)을 잡고, 메스의 모양을 얼추 잡은 뒤 그 메스 안에 공간을 생성한다. 이 공간은 휴식을 위한 공간, 생활하는 공간 등등, 그리고 그 안에는 룸을 통해 실제로 어떤 행위가 일어날 수 있도록 한다.HTML 요소가
\*보통 속성값을 줄때 전체를 주거나 특정 한개만 써놓는 경우가 많다.그런데 전체도 아니고 그렇다고 특정 한개만 써놓는 경우가 아닐때는 어떻게 될까?4개) padding: 10px 20px 30px 40px;(위에서부터 시계방향)padding-top: 10px;padd
시맨틱 태그 : HTML5에서 도입된 태그이름로 그 태그의 의미를 알 수 있도록 제공한 태그. <nav>, <table>등 그 태그 안에 있는 컨텐트(content)가 어떤 내용이 올지 유추할 수 있도록.non-semantic tag의 예 : <div>
div를 고정시키고자 한다면 자주 쓰던 position:fixed가 있다.하지만 fixed는 뷰포트를 기준으로 하기에 어떠한 경우 불편할 경우가 있다.맨위에 있는 nav바가 아니라 sidebar나 중간 content에 있는 어떠한 div요소라던지... 이럴 때 쓰는게