본문 바로가기

css3

[CSS] 구조선택자의 정의 및 작성 시 주의사항 구조선택자 특정한 위치에 있는 태그를 선택할 때 사용 형태 설명 :first-child 형제 관계에서 첫 번째로 등장하는 태그 선택 :last-child 형제 관계에서 마지막으로 등장하는 태그 선택 :nth-child(수열) 형제 관계에서 앞에서 수열 번째로 등장하는 태그 선택 :nth-last-child(수열) 형제 관계에서 뒤에서 수열 번째로 등장하는 태그 선택 작성 시 주의사항 (자주 실수하기 쉬운 부분) [첫 번째 a 태그의 글씨 색상을 빨간색으로 변경하고자 하는 예제] 주의사항 주의사항 주의사항 주의사항 주의사항 [실행 결과] 첫 번째 a 태그에 빨간색이 적용된다고 예측할 수 있으나, 실행 결과를 보면 그렇지 않다. 실행 결과, 모든 a 태그에 빨간색이 적용된 것을 확인할 수 있다. 코드 실행 .. 2021. 9. 2.
[CSS] 상태 선택자 상태선택자 입력 양식의 상태를 선택할 때 사용 형태 설명 :checked 체크 상태의 input 태그 선택 :focus 초점을 맞춘 input 태그 선택 :enabled 사용 가능한 input 태그 선택 :disabled 사용 불가능한 input 태그 선택 예제 실습) [실행 결과] 2021. 9. 2.
웹의 동작 원리 요청과 응답 컴퓨터 세계에서는 요청하는 쪽을 클라이언트(사용자)라고, 응답하는 쪽을 서버(제공자)라고 한다. 클라이언트가 서버에 HTML 페이지 또는 파일을 요청하면 서버가 해당 요청에 응답해 요청한 HTML 페이지 또는 파일을 클라이언트에 제공한다. 이러한 작업이 이루어지는 장소 = 웹 이다. 서버 프로그램 서버에서 실행되는 프로그램 클라이언트의 요청에 따라 적절한 파일 및 데이터 제공 Java, C#, Ruby, Python, Javascript 등의 언어로 개발 클라이언트 프로그램 웹 브라우저에서 실행되는 프로그램(웹 페이지) HTML, CSS, Javascript로 개발 (+) HTML : 웹 페이지 구성 CSS : 스타일 적용. HTML 문서를 표현하는 방법 기술. HTML 페이지의 스타일 지정.. 2021. 8. 29.