본문 바로가기

개발언어 기록/CSS11

position: fixed; 가운데 정렬하기 position:fixed;가 적용된container에 가운데 정렬하는법. .class-name { position: fixed; margin: 0 auto; left: 0; right: 0; } 2019. 5. 18.
[CSS] 선택자 활용하기 .parent1 .parent__child1 { /* some style */ } - 'parent1에 속해 있는 parent__child1(결과적으로는 parent__child1)에 스타일을 적용할 거야!'라는 의미입니다. .parent1, .parent__child1 { /* some style */ } // , 다음 붙여도 되고, 띄어쓰기를 해도 상관 없습니다. - parent1과 parent__child1 각각에게 스타일을 적용할 거야! - parent / child와 상관없이 그냥 동일한 스타일을 적용하고 싶을 때 쓰면됌. 동일한 스타일이 많이 적용된다면 차라리 따로 class naming을 하는 게 낫다. .parent__child1 h1 { /* some style */ } - parent_.. 2019. 5. 17.
reset css 와 normalize css의 차이점 reset css ▷모든 margin 값을 0으로 만드는 것. ▷많은 html tag들은 기본적으로 가지고 있는 스타일들이 있다. (margin, padding 등의 기본 스타일들을 제거해주는 역할을 한다. 심지어 h1의 크기나, li부분의 dot같은 경우도 전부 reset 된다. ▷하나하나 전부 제거하기 어렵기 때문에 하나의 파일을 사용하면 간편하다. ▷browser마다 해당 tag의 값들이 다르기도 하기 때문에 어떤 브라우저를 사용하든 사용자들에게 동일한 서비스를 제공하기 위해서는 reset.css를 사용하는 것도 좋다. 또한 padding과 같은 것들은 전체적인 디자인을 하는데에 있어서 영향을 미치기 때문에 원하는 디자인을 하기 위해서는 꽤 중요한 부분이라고 생각한다. normalize.css ▷기.. 2019. 5. 16.