Movie home 피드백

@Media = breakpoint in Bootstrap

Nav

Style 속성이 중첩이 되면 웹 브라우저가 CSS의 우선순위를 해석한다. (웹 브라우저마다 다르다.)

CSS의 클래스는 N개를 선언할 수 있다. 없었던 부분은 추가가 되고 중첩이 되는 부분은 replace 즉 덮어쓴다.
replace 기존에 있는 걸 다 없애고 새로 가는 것
CSS는 필연적으로 Cascading이 된다.
웹브라우저마다 우선순위를 정하는 기준이 있는데, 각 다르다.
cas cading은 가진 건 그대로 없는 부분을 추가하는 것. 겹치는 부분이 있으면 겹치는 부분에 대해서만 replace 한다.

범위가 좁을수록 우선순위이다.

• tag > . > # > !important 여러개 달려있으면 범위가 작은 가에 대해 또 경쟁한다.

중앙정렬 with Bootstrap

Bootstrap의 Grid를 사용.

본문 축약

text-overflow
부모의 크기를 넘어갈 때

text-overflow 코드 공유드립니다~!
<span class="movie_description" style = "display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 25px;">