728x90
반응형

Front/CSS 32

[CSS] !important

CSS는 같은 속성을 여러번 정의하게 되면, 나중에 설정한 값이 적용된다. 만약 나중에 설정한 값이 적용되지 않아야 한다면 속성값 뒤에 !important 를 붙여준다. 프로젝트를 하다보면 css파일도 많아지고 추가하게되면서 같은 속성을 정의하게 되어 내가 원하는 효과가 나오지 않을 때가 있는데, 너무 남발하면 안되겠지만 중요한 곳에 적어두면 되겠다. 먼저 !important를 적어놓았어도 나중에 정의한 값에도 !important를 붙이면 나중에 설정한 값으로 바뀐다 ex) p{ background-color : red !important; float : left; } p{ background-color : blue; float : left } p{ background-color : green !impo..

Front/CSS 2022.03.24

[CSS] overflow 속성

overflow 속성은 요소의 콘텐츠가 커서 블록서식 맥락에 맞출 수 없을 때의 처리법을 지정한다. overflow: visible; visible - 콘텐츠를 자르지 않고 안쪽 여백상자 밖에도 그릴 수 있다. overflow: hidden; hidden - 콘텐츠를 안쪽 여백상자에 맞춰 잘라낸다. - 스크롤 지원도 하지 않는다. overflow: scroll; scroll - 콘텐츠를 안쪽 여백상자에 맞춰 잘라낸다. - 콘텐츠를 잘라냈는지의 여부와 상관없이 항상 스크롤로바를 노출한다. overflow: auto; auto - 사용자 에이전트가 결정한다. - 콘텐츠가 안쪽 여백상자안에 들어간다면, visible과 동일하게 보이나 새로운 블록서식 문맥을 생성 - 데스크톱 브라우저의 경우 콘텐츠가 넘치면 스..

Front/CSS 2022.03.22
728x90
반응형