FrontEnd

FrontEnd
[HTML, CSS][5]Css Style Sheet, Selector[스타일 시트, 선택자]
목차 - 내부 스타일시트 - 외부 스타일시트 - 인라인 스타일시트 - 전체 선택자 - 태그 선택자 - 아이디 선택자/클래스 선택자 - 그룹 선택자 - 상속 - 인접 형제 선택자 - 일반 형제 선택자 - 하위 선택자 각각의 특징들의 형태를 알아보자 ! 를 입력하고 Ctrl + Tab을 입력하면 자동완성이 된다. 내부 스타일시트의 모습 인라인 스타일시트 외부 스타일 시트 전체 선택자 * 태그 선택자 아이디 선택자 / 클래스 선택자 # /. 그룹 선택자 Tips 여러 선택자를 같이 선언할 수 있다. 스타일시트 특성 - 상속 성 div안에 다 일괄 적용 가능하다! 상속성 인접 형제 선택자 일반 형제 선택자 하위 선택자 경로상 부모를 지정하고 바로 아래를 지정할 때 사용
→2021.06.30
FrontEnd
[HTML, CSS][4]Css Style Sheet[스타일 시트]
목차 - Css Style Sheet 선언 방법 - Css Style Sheet 선택자 Css Style Sheet 선언 방법 표현하고 싶으면 스타일시트를 써야 합니다. 디자인적인 부분을 컨트롤하기 위해서 Css 파일을 추가해봅시다. html은 웹사이트의 구조이며 그 구조를 꾸며줄 css 파일이 필요합니다. 웹 전체에 적용할 css파일이 다음 두 가지 있습니다. 우리가 일일이 다 적용시키기보다는 웹 전체의 동일한 값을 control 하기 위해서 다음과 같은 css를 만들어줍니다. deafult.css reset.css '스타일시트_선언 방법. html' 이름으로 새로 파일을 만들고 html: 을 작성하고 아래와 같이 자동완성으로 html:5를 불러옵니다. 스타일 시트 선언 방법으로는 두 가지가 있습니다...
→2021.06.27
FrontEnd
[HTML][3]HTML5 Tags[기본 태그]
목차 - html5 기본 태그 예전 html4에서 table 태그를 써서 되게 보기 불편하고 쓰기도 불편했었는데 ( table 안에 table이 있고 그런 복잡한 구조들 ) 그래서 이 문제를 해결하기 위해 html5부터 div 태그라는 것을 만들었습니다. html:5를 선택하여 기본 설정값들을 바로 불러옵니다. 기본 language입니다 ko로 봐꿔 줍니다. 태그안에 태그들이 담겨 있습니다. 태그의 1.charset 속성은 해당 HTML 문서의 문자 인코딩 방식을 명시합니다. 2.http-equiv 속성은 프래그마 지시문을 정의합니다. 특정 HTTP 헤더입니다. 속성 값으로는 아래와 같은 것들이 있습니다. cotent-security-policy content-type default-style x-ua-..
→2021.06.27
FrontEnd
[HTML][2]HTML4 Table[테이블 실습]
목차 - html 생성 단축키 - tr/td 자동완성 기능 - Live Server 설치 - 테이블 실습 HTML4 Table로 구조를 짜는 것은 현재 사용하지 않는 기술입니다. 그것을 감안하고 봐주세요! HTML5에서 Table은 표를 만들 때에만 사용합니다. 예전에 이렇게 틀을 잡았다. 개발할 때 틀을 잡는다는 정도만 알면 좋을 것 같습니다. html 생성 단축키 Html을 입력을 하면 밑에 3줄이 뜨는데요 하나씩 한번 눌러보면 입력하지 않아도 아래 사진들과 같이 한 번에 완성이 됩니다. html:5 html:xml html Live Server 설치 Live Server라는 것을 install 하면 실시간으로 구현되는 모습을 확인할 수 있습니다. 그리고 아까 설치했던 것을 실행시켜줍니다. tr/td..
→2021.06.27

• 이전
• 1
• 2
• 다음