날아라김지원
article thumbnail
HTML, CSS form&input
HTML,CSS 2023. 4. 21. 18:53

- form 입력에 사용하는 태그 여러가지가 있지만 필요한거 검색해서 사용하자. 옵션1 - input 속성 placeholder는 배경 글자, value는 입력된 값 (미리), name 은 백엔드 개발할때 필요한 인풋 이름 그리고 HTML속성으로 CSS셀렉터로 사용가능하다. input[type=email] { color : grey } 그리고 아래와 같이 submit 타입을줘서 "폼태그안에서" 사용가능하다. 전송 - 셀렉터사용시 여러개 한번에 가능 /* 여러태그에 한번에 속성주는법 .class도 가능*/ div,input,textarea{ box-sizing: border-box; } - 재사용가능하게 class만들기 기존의 클래스 사용한다음 추가적으로 클래스 추가해서 사용이 가능하다. Message -..

article thumbnail
HTML, CSS 셀렉터, Navbar만들기
HTML,CSS 2023. 4. 21. 16:02

- clear:both 사용팁 float속성때문에 div에서 clear:both를 사용하는경우 빈 div태그를 하나 더만들어서 그곳에 사용해 주는것 이렇게 하면 추후 사용하는 div태그에서 margin을 사용하기 편하다. ...... 블로그 글 블로그 글 내용 본문 ......... - CSS 셀렉터 .클래스명 태그 : 해당 클래스 바로밑에 있는 해당태그 .클래스명>태그 : 해당 클래스 밑에있는 모든 해당태그 .navbar li{ /* 셀렉터 문법 .navbar안에있는 li태그 */ /* >는 안에있는 모든자식 ex)밑에있는 모든 li */ display: inline-block; width: 60px; text-align: center; background: #eee; padding:10px; bord..

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을 가지고 있는 요소는 폭, 높이등을 단독으로 조절할 수 없어서 겉에 태그 등에 주어야 한다. 그리고..