날아라김지원
article thumbnail
HTML, CSS 기초(간단 프로필제작) p, span, 셀렉터, div, 정렬등..
HTML,CSS 2023. 4. 21. 13:23

이상하리만큼 다시 HTML,CSS 공부를하게되면 내가 작아지는 느낌이든다. 기초라고 생각하지만 늘 잊어먹는 언어들..심기일전 하는 마음으로다시 기초부터 한번싹 공부를 하고 기록해보자. 특히 사소하지만 잊고 있던거, 주요한 내용들 최대한 한번더 봐보도록하자 - HTML은 마크업언어 자료의 구조를 표현하기 위한 언어 안녕하세요2 글자는 p안에 써야한다. - 태그 스타일 1)스타일은 각 태그에 인라인으로 줄 수 있다. 스타일 속성은 매우 다양함 하지만 그때 그때 검색해서 찾아쓰는게 맞다. 김지원 Front-end Developer 태그는 글자안에 쓰는 의미없는태그, inline 속성을 가지고 있다. inline을 가지고 있는 요소는 폭, 높이등을 단독으로 조절할 수 없어서 겉에 태그 등에 주어야 한다. 그리고..

article thumbnail
HTML element 정렬 (우측정렬,좌측정렬) float사용
HTML,CSS 2022. 3. 23. 00:38

아이콘 클릭후 검색화면을 만들고 있는데... 리셋버튼과 검색버튼을 우측으로 정렬하고 싶었는데 마땅치 않았다. {/* 순서가 왜바뀌는지는 모르지만 서치랑,리셋버튼바뀜 */} {setRamen1(0);setRamen2(0);setRamen3(0) }}> Bootstrap Grid로 나눈 부분중 한 파트인데 이 사진과 관련된 코드! 보면 className을 icon으로주고 .icon{ float:right; cursor: pointer; } .icon:active{ transform: translateY(2px); } 이와같이 float속성에 right로 줘서 해결했다. 다만 반응형으로 모바일 화면에선 이런식으로 바뀌어지길래 이와같이 주어서 해결했다. 정상적으로 잘 작동하는 부분! 일단 float으로 사용해서..