728x90
반응형
SMALL

Web/HTML&CSS 13

[CSS] Selector(선택자)

* 들어가기에 앞서, CSS 링크하기CSS 링크하기link 태그로 css 파일 링크하기. 백그라운드 컬러와 폰트 사이즈 및 색상 설정.  * Selector(선택자) 기본 실습p: 태그 선택자.center: 클래스 선택자#center: 아이디 선택자    p.center: p 태그 중 center라는 클래스 이름을 가진 것 선택   연결 선택자(,)속성과 값이 같을 경우 연결 선택자(,)를 사용하여 한번에 작성 가능.   하위 선택자 * 선택자 적용 우선순위1. !important 스타일2. 인라인 스타일3. 아이디 셀렉터 스타일4. 클래스 셀렉터 스타일5. 태그 셀렉터 스타일 동일한 CSS 속성이 중복 사용될 경우, 왼쪽의 우선순위에 따라 적용된다.  아이디 선택자에 green을 적용했지만, 인라인 선..

Web/HTML&CSS 2024.07.20

HTML5 기본 태그 #2 - 목록, 링크, 이미지

* 목록 만들기순서가 있는 목록 ol(Ordered List) 순서가 없는 목록 ul(Unordered List) 중첩 리스트 * 링크 만들기 a 태그의 href 속성a 태그의 href 속성에 링크를 넣어준다. href는 필수 속성이다. 현재 창에서 네이버로 이동. a 태그의 target 속성a 태그의 target 속성을 사용하면 새 탭에서 네이버로 이동. a 태그의 title 속성 * 이미지 넣기 a 태그와 img 태그 함께 사용하기이미지를 클릭하여 네이버 사이트로 이동.

Web/HTML&CSS 2024.07.20
728x90
반응형
LIST