frontend
-
[CSS] 002. CSS 관찰 실습SsY/Class 2023. 5. 8. 14:00
CSS 태그 관찰 실습 Test013 - 가상 요소 적용 관찰 실습 가상 요소 적용 실습 문단 태그를 활용하여 내용을 작성하고 있다. 이 태그 내부에 기술된 내용은 엘리먼트 선택자의 영향을 받고 있는 상황이다. 하지만, 이 영역 안에서도 상황에 따른 스타일 적용이 가능하다. 첫 라인의 텍스트는 글자색이 파란색이고, 글꼴 크기는 25pt 이다. 둘째 라인의 텍스트부터는 글자색이 빨간색이고, 글꼴 크기는 9pt 가 된다. Test014 - 가상 요소 적용 관찰 실습2 가상 요소 적용 실습 first-letter 가 적용된 첫 번째 글자만 영향을 주게 되며, 나머지 글자에는 적용되지 않는다. Test015 - 기타 css 문법 관찰 - 영문에만 적용되는 스타일 존재 CSS 기타 글자를 이렇게 만드는 속성이구나..
-
[CSS] 001. CSS 의 개요, CSS 관찰 실습SsY/Class 2023. 5. 4. 18:17
CSS ■■■ CSS ■■■ ○ CSS 선택자(selector) 구성 및 설정 // Cascade Style Sheet (CSS) >>메이크업F』 자식 선택자 E 엘리먼트의 자식 엘리먼트인 F 엘리먼트를 선택하게 된다. // div 안에 있는 span 태그에만 디자인 적용하고 - 다른 span 태그에는 적용 x // 직접 부모여야함 - 『E F』 자손 선택자, 후손 선택자, 하위 선택자 E 엘리먼트의 하위에 있는 F 엘리먼트를 선택하게 된다. 이 경우 특이한 점은 E 와 F 사이에 다른 엘리먼트가 포함되어 있더라도 선택 대상에 해당한다는 것이다. (자식 선택자와 차이) // 구조화에 따라서 자식선택자와 같을 수 도 있지만 // 직접부모가 아니어도 상위 상위의 태그여도 적용받을 수 있다는 의미 - 『E+F..
-
[HTML] 003. HTML 관찰(태그 및 속성 관찰)SsY/Class 2023. 5. 4. 17:50
HTML 태그 관찰 Test014 - colspan , rowspan 활용하여 테이블 셀 병합 실습 테이블의 셀 병합 실습 A B C D E F G H I J K L M N O P Q R 8 S T U V W X Y Z 1 2 3 4 5 6 7 Test015 - 움직이는 태그 관찰 실습 움직이는 태그 실습 기본적인 방향 왼쪽으로 이동(*/ω＼*) 좌우 왕복 이동(*/ω＼*) 오른쪽으로 이동 (❁´◡`❁) 위쪽으로 이동 (❁´◡`❁) 속도 조절 : scrollamount 속도 조절 : scrolldelay 위아래로 움직이며 옆으로 이동 cheer up~ Test016 - 메타 태그 관찰 실습 ※ 메타 데이터 : 데이터에 대한 데이터 (@어노테이션 설명하면서 한 번 설명) ex) 해시태그 (떡볶이 사진만 올..