본문 바로가기

전체 글83

CSS 적용 방법 이름 연락처 이메일 강두희 010-0000-0000 kdh@gmail.com 강구월 010-0000-0000 kdh@gmail.com 채상혁 010-0000-0000 kdh@gmail.com 이름 연락처 이메일 강두희 010-0000-0000 kdh@gmail.com 강구월 010-0000-0000 kdh@gmail.com 채상혁 010-0000-0000 kdh@gmail.com 2023. 7. 4.
CSS 선택자 universal 선택자(전채 선택자) - 모든 태그에 반영 빨간색 글자입니다. div 태그 - 빨간색 글자 빨간색 글자입니다. class 선택자 - 선택한 특정 class에만 반영 빨간색 글자입니다. 빨간색 글자를 클래스를 사용해서 적용 메인 컬러 배경색이 노란색 입니다. tag 선택자 - 태그를 선택자로 사용 링크1 링크2 링크3 id 선택자 - 유일한 하나의 id를 선택해 적용(잘 사용하지 않음) 컨테이너 박스 combination 선택자(복합 선택자) - universal, class, tag, id 등을 복합적으로 사용 p태그 li 태그 li 태그 h1 태그 li 태그 li 태그 attribute 선택자(속성 선택자) - 태그 안의 속성을 선택하여 디자인을 적용 가상 클래스 선택자 - ':이름명.. 2023. 7. 4.
CSS란 CSS : 웹 페이지에 예쁜 옷을 입히자 - Cascading Style Sheet의 약자로, 웹 페이지의 스타일(디자인, 레이아웃 등)을 정의하기 위한 언어 - HTML 요소들이 화면에 어떻게 보여질지를 기술함 - 여러 웹페이지의 레이아웃을한번에 컨트롤 할 수 있기 때문에 매우 효율적임 - CSS 파일로 스타일을 저장해서 전체 웹 페이지에 한번에 적용할 수 있기 때문에 많은작업을 줄일 수 있음 W3C (World Wide Web Consortium) 표준화 제정 단계 : 추가되고 있는 신규 기술사양에 대해서 표준화 제정 단계를 4단계로 구분해서 사용자에게 공개된 기술 사양이 어느 상태에 있는지 알려줌 W3C 기술문서의 표준화 제정 단계는 웹 기술을 표준화하기 위해서 W3C의 워킹그룹이 따라야 하는 여러.. 2023. 7. 3.
semantic tag 💡semantic tag? " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스semantic tag, 시맨틱 태그란 단어 그 자체로 알 수 있듯이 의미를 가지는 태그를 의미한다. 보통 웹사이트를 제작할 때, 헤더 영역엔 💡semantic tag의 장점 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스시맨틱 태그의 장점은 다음과 같다.영역 구분이 가능하다.코드 분석이 용이해 페이지를 빠르게 해석할 수 있다.코드의 가독성이 높아진다. 해당 장점이 별 것 아닌 것처럼 보일 수 있지만 실제 코드를 작성하면 어마무시한 차이가 난다.  💡semantic vs div " data-ke-type="html">HTML 삽입미리보기할 수.. 2023. 7. 2.

티스토리툴바