css4 [HTML]의미론적 태그 HTML 5부터 제공되는 태그 시맨틱 요소는 브라우저와 개발자 모두에게 그 의미를 명확하게 설명. 비의미적 요소 의 예 : 및 - 내용에 대해 아무 것도 알려주지 않는 반면 의미론적 요소 의 예 : , 및 - 내용을 명확하게 정의. 일반 div들과 구별이 됨. 수많은 div들 중에서도 nav, main, footer로 구별을 하기가 쉽다!! TagDescription Defines independent, self-contained content Defines content aside from the page content Defines additional details that the user can view or hide Defines a caption for a element Specifies sel.. 2023. 1. 14. [HTML] 레이아웃 margin과 padding의 차이 .margin-left : border 바깥쪽에서 왼쪽에 여백을 만듦 .padding-left : border 안쪽에서 왼쪽에 여백을 만듦 top, right, bottom, left에 여백을 만들 수 있음 공간이 여백을 포함한 크기로 변경되는 점 유의 좌우를 모두 auto로 설정하면 가운데 정렬이 됨. 근데~! margin : auto는 block요소에서만 사용이 가능하다. padding은 auto 사용이 불가능하다. 미스터 에일리언 : 'auto는 padding 속성에 유효한 값이 아닙니다. padding: 0을 빼는 것이 유일한 방법입니다. * 선언에서 그렇지 않으면 단순히 각 속성 블록에 패딩을 할당합니다.' https://stackoverflow.com/que.. 2022. 10. 3. [CSS] 주요속성 display 속성은 이 링크로 ㄱㄱ https://hans-j.tistory.com/61 [CSS]정렬에 쓰이는 속성 display display : 화면에서에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정 none: 화면에서 보이지 않음. 크기를 차지 하지도 않는다. flex: 하나의 플렉스 아이템이 자 hans-j.tistory.com width, height Hello, World! .paragraph { width: 500px, height: 500 px; } .width 속성 : 선택한 요소의 넓이를 설정 .height 속성 : 선택한 요소의 높이를 설정 고정값은 px, 가변값은 %로 표기 width에 padding, margin값을 포함하고 싶다면?! -> bo.. 2022. 10. 3. [CSS] CSS의 기초 Cascading Style Sheet 를 의미하는 CSS는 HTML으로 작성된 정보를 꾸며주는 언어 CSS의 구성 요소 : { 속성 : 속성값; } 선택자 : 디자인을 적용할 HTML의 영역 속성 : 어떤 디자인을 적용할지 정의 속성값 : 어떤 역할을 수행할지 구체적인 명령을 진행하는 것 CSS 연동방법 Inline Style Sheet : 태그 안에 직접 원하는 스타일 적용 coding 101 Internal Style Sheet : 태그 안에 넣기 h1 { background-color: yellow;} External Style Sheet : 태그로 불러오기. 가독성이 높고 유지보수가 수월 CSS 선택자 Type Selector : 특정태그에 스타일 적용 h2 { color: red; } Clas.. 2022. 10. 3. 이전 1 다음
