본문 바로가기
반응형

전체 글172

CSS 문법 선택자의 종류 하........ 열심히 글 썼는데 또 날아갔다 티스토리는 왜 사진만 올리면 이렇게 날아가는지 가끔 사진 올리기 전에 임시저장을 누르지 않고 붙여 넣기를 하면 그렇게 날아간다.......... 후................................... 이렇게 된 거 다시 배운 내용 복기하고 시간도 날리고 좋다~ 무튼! 지난 포스팅에 CSS에 적용방법 3가지에 대해 배워보았다. 3가지를 배웠지만 실 사용은 대부분 링킹 스타일을 하므로 앞으로 포스팅할 CSS의 대부분은 링킹 스타일 적용 방식을 써서 진행할 것이다. CSS의 display 속성도 배웠고 CSS의 적용방법도 배웠으니 이제 CSS의 선택자만 배운다면 CSS의 뼈대는 완성을 하는 것이다.!! 서론이 너무 길었고 오늘은 CSS의 선택자에 대해.. 2023. 12. 21.
CSS 적용 방법 드디어 CSS를 시작해 보았다 얼롱얼롱 끝내고 자바스크립트하고 리액트 하고,, 프로젝트하고,, 프론트엔드 끝내고 백엔드도 공부해볼테넫.......후 CSS를 공부하기 전 가장 먼저 알아야 할 것은 CSS display 속성이다. 앞선 포스팅에서 CSS의 display에 대해 배웠다면 CSS를 적용하는 3가지 방법에 대해 알아보겠다. 3가지 방법 다 적용되는 결과는 같지만 코드 길이, 편의성 등을 따져보았을 때 편한 방법을 쓰면 되기 때문에 3가지 방법을 다 알고 있는 것이 좋다. 1. 인라인 스타일(inline style) : HTML 태그마다 style 속성으로 CSS 코드를 넣어주는 방식이다. 여러 요소들에 공통 속성을 재사용하여 부여할 수 없고 HTML 코드와 CSS 코드가 분리되지 않기 때문에 특.. 2023. 12. 20.
CSS의 display 속성값 CSS를 들어가기 전 사전에 CSS의 display 속성값에 대해 이해를 해야만 CSS의 문법, 속성자 등을 잘 이해할 수 있다!! 즉, HTML이 어떻게 나뉘어지는지를 이해야만 한다는 것! 오늘은 이러한 display의 속성값에 대해 알아보겠다. !참고! display란? HTML의 요소가 웹에서 어떻게 보이는가?를 결정하는 속성 1. block 블록 타입 요소 : 새로운 라인에서 시작하며, 해당 라인의 모든 너비를 차지한다. 즉, 한 줄에 한 블록 태그만 올 수가 있다. 사실 조금 어렵다... 후ㅇㅅㅇ 예를 들어 설명하면 앞서배운 , , , , , 태그가 display의 block 속성 타입을 갖는다. 여기서 배우지 않은 태그가 있다. !참고! (1) : 가상의 레이아웃을 설계하는데 쓰이며, 주로 C.. 2023. 12. 19.
HTML 사용자로부터 입력받기 input type 속성 앞선 포스팅에서 태그에 대해 배워보았다. 하지만 앞선 포스팅에서는 type = "text"에 대해서만 다뤄보았지만 아래 사이트만 보아도 정말 많은 input type들이 존재한다. 오늘 포스팅에서는 다양한 input type 속성들에 대해 공부해 보겠다.!!! 1. 텍스트 관련 input type : HTML의 텍스트 관련 input 타입에는 여러 가지가 있다. 이들은 사용자로부터 텍스트를 입력받는 데 사용되며, 가장 일반적인 것들은 아래 표와 같다. 이러한 텍스트 관련 input 타입들은 각각의 목적에 따라 다양한 형태로 사용된다. Type 설명 text 기본값으로 한 줄 텍스트를 입력한다. 줄 바꿈은 입력값에서 자동으로 제거된다. password 값이 가려진 한 줄짜리 텍스트 필드이다. 사이트가 안전.. 2023. 12. 18.
반응형

티스토리툴바