HTML/Day38
![[CSS] CSS 예제](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fmoou6%2Fbtro14ycHZ2%2FAAAAAAAAAAAAAAAAAAAAAN6BdBX4p90l-mmmy3eiigLKElFjR1bAvkapL3mVwakR%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DHtmHDo%252BPkUfUa0H5VuFcCXGQYXE%253D)
[CSS] CSS 예제
예제 1 - 두 번째 p 태그에는 글자크기 100% - 세 번째 p 테그에는 글자크기 150% - 네 번째 p 태그에는 글자크기 200% Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 예제 2 - 두 번째 p 태그에는 글자크기 1배 - 세 번째 p 테그에는 글자크기 1.5배 - 네 번째 p 태그에는 글자크기 2배 Lorem ipsum dolor si..
![[HTML] 아이디 선택자 익히기 & menu 메뉴바 생성하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbiOfru%2FbtroWnL0tN0%2FAAAAAAAAAAAAAAAAAAAAAEfCsmhdepG5AaIgtnXieYS5R6B-VseXbDq0lRMvvUss%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DnVy5Oo6x1HNyJbojI1wT5xUQZ4E%253D)
[HTML] 아이디 선택자 익히기 & menu 메뉴바 생성하기
1. 아이디 선택자 익히기 - 공간 분할 태그에 id 선택자를 사용하여 id 속성을 적용하고 레이아웃을 구성한다. - 아래의 이미지를 html로 구현한다. Header Aside Content 2. ul 구현 - menu1 - 아래의 이미지를 ul로 구현한다. Home News Contact About 3. ul 구현 - menu2 - 아래의 이미지를 ul로 구현한다. Home News Contact About Note: If a !DOCTYPE is not specified, floating items can produce unexpected results. A background color is added to the links to show the link area. The whole link ar..