Home » 웹디자인\u0026퍼블리셔를 위한 선택자(selector) 총정리/퍼블리싱 가이드!! [코딩하는남자{코남}] | css 가상선택자

웹디자인\u0026퍼블리셔를 위한 선택자(selector) 총정리/퍼블리싱 가이드!! [코딩하는남자{코남}] | css 가상선택자

by Hanh Nguyen

웹디자인\u0026퍼블리셔를 위한 선택자(selector) 총정리/퍼블리싱 가이드!! [코딩하는남자{코남}]


นอกจากการดูบทความนี้แล้ว คุณยังสามารถดูข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมายที่เราให้ไว้ที่นี่: ดูความรู้เพิ่มเติมที่นี่

(내용정보의 오류가 있어서 수정해서 재 업로드된 영상입니다)
안녕하세요 HTML과 CSS로 비쥬얼 아트 코딩을 지향하며 코딩하는 남자 코남입니다.
웹 디자이너와 퍼블리셔분들과 함께 공부하고 정보를 팁을 공유하기에 앞써 반드시 알아야할 선택자에 대해서 영상을 준비하게 되었습니다. 어떻게 하면 내용을 잘 전달 할 수 있을까 고민도 많이 하며 노력한 끝에 만들게 되었는데요 ~ 내용이해가 어려운 부분은 개별로 영상을 만들어서 더 자세히 설명하는 영상을 제작하겠습니다.

READ  AralTrans ATCode Finding Lecture #02-3 | 아랄트랜스 코드 찾기

00:18 선택자란
00:44 유형선택자
01:54 아이디선택자
02:31 클래스선택자
02:59 자식요소선택자
03:34 자손요소선택자
04:26 인접요소선택자
05:01 형제선택자
07:02 속성선택자
09:01 구조적가상요소 선택자

웹디자인을 할때 각 요소를 선택해서
스타일을 줄때 사용하는 선택자에 대해 설명하였습니다.

내용이 다소 빠른점에 대해서는 지루함때문에 빠르게 했는데 유투브 특성상 멈춤으로 코드나 내용을 확인 할 수 있기에 빠르게 진행했습니다. 의견을 주시면 앞으로 영상을 준비하는데 반영하도록 하겠습니다.
웹디자이너와 퍼블리셔분들에게 도움이 될 수 있을까 만든 영상이니만큼 의미있게 비춰졌으면 좋겠습니다.

background music : https://www.bensound.com

본 강좌가 도움이 되셨다면
좋아요와 구독하기 부탁드립니다.
문의사항은 이메일로 보내주셔도 됩니다.

B/블로그 : https://blog.naver.com/conam/
E/이메일 : conam@naver.com

READ  1. 사운드 후반작업, 포스트 프로덕션의 이해 [사운드엔지니어,음향교육,믹싱,마스터링] | 포스트 프로덕션

웹디자인\u0026퍼블리셔를 위한 선택자(selector) 총정리/퍼블리싱 가이드!! [코딩하는남자{코남}]

03-01.(Web) CSS 개요: 선택자


[ Web Programming: CSS 개요 선택자 ]
가. CSS: HTML 문서 구조
나. CSS 선택자
다. 가상 선택자

03-01.(Web) CSS 개요: 선택자

CSS를 사용해 HTML 문서를 스타일링하는 3가지 방법


이 영상 강의는 \”야무의 FrontEnd Master 블렌디드 러닝\”
온라인 강의 중 일부를 공개한 것입니다. 모든 강의 영상을
시청하려면 아래 주소로 접속해 가입하세요. 😀
※ 실습 및 참고 자료는 아래 사이트에서 제공됩니다.
https://yamoo9.github.io/frontendmaster

CSS를 사용해 HTML 문서를 스타일링하는 3가지 방법

Chapter 01 CSS 개요 13 가상요소 선택자 after


Chapter 01  CSS 개요   13  가상요소 선택자   after

스르륵 나타나는 사이드메뉴 만들기(스크립트 없이 HTML코딩강좌) input:checked(checkbox) -[HTML+CSS{코남}]


안녕하세요 HTML과 CSS로 비쥬얼 아트 코딩을 지향하며 코딩하는 남자 코남입니다.
이번강좌는 인풋요소의 checkbox타입을 사용하여
체크가 되었을때와 안되었을때의 상태 변화를 이용해서
사이드에서 메뉴영역이 자연스럽게 스르륵 나오는
효과에 대해서 코딩해보았습니다.
스크립트가 없이 최대한 단순하게 코딩하고
영상으로 표현하려 했지만 어려운 부분이있는 …
사이드바로 사용할 div 는 input과 label 요소 다음에 있는데 input의 변화값을 사용하려면 인접요소 선택자인 +로 input에서 div 까지 연결해서 체크가 되었을때와 안되었을때의 스타일을 줌으로써 사이드바를 구현할 수 있습니다.
자세한 설명을 영상을 참조해 주시고요
영상에서 제작된 html파일은 블로그에서
다운받아서 직접 코드를 확인하실 수 있습니다.

READ  CPU-Z 보는법 및 벤치마크 테스트 | 벤치마크

background music : https://www.bensound.com

본 코딩강좌가 도움이 되셨다면
좋아요와 구독하기 부탁드립니다.
문의사항은 이메일로 보내주셔도 됩니다.

B/블로그 : https://blog.naver.com/conam/221439353062
E/이메일 : conam@naver.com

스르륵 나타나는 사이드메뉴 만들기(스크립트 없이 HTML코딩강좌) input:checked(checkbox) -[HTML+CSS{코남}]

นอกจากการดูหัวข้อนี้แล้ว คุณยังสามารถเข้าถึงบทวิจารณ์ดีๆ อื่นๆ อีกมากมายได้ที่นี่: ดูวิธีอื่นๆTechnology

related posts

Leave a Comment