Astercle

https://developer.mozilla.org/ko/docs/Learn/CSS/Building_blocks/A_cool_looking_box 멋지게 보이는 박스 - Web 개발 학습하기 | MDN이 평가에서는, 눈길을 사로잡는 박스를 만들어보면서 멋지게 보이는 박스를 만드는 것을 더 많이 연습하게 될 것입니다.developer.mozilla.org  폴더 구조  index.html 태그로 style.css 파일을 연결했고 div에 text라는 클래스를 추가하였다. This is a cool box   style.cssdiv와 text를 나누어서 꾸며주었다. 보기에도 편하고 그리고 text 클래스로 따로 요소를 입력해 주니 text 가운데 정렬하기에도 편했다.width와 height는..

https://developer.mozilla.org/ko/docs/Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper 멋진 편지지 양식 만들기 - Web 개발 학습하기 | MDN좋은 인상을 남기고 싶다면, 멋진 편지지 양식에 편지를 쓰는 것이 좋은 시작이 될 수 있습니다. 이번 평가에서는 좋은 느낌을 줄 수 있는 온라인 템플릿을 만들어 보도록 하겠습니다.developer.mozilla.org 폴더 구조  이 사이트의 첫번째 과제는 배경 이미지 상단, 하단에 이미지를 넣고 그 위에 그라데이션도 함께 올리라는 과제였다. 이를 풀기 위해서 직접 그려서 풀어 보았다.먼저 첫 방법은 blend-mode를 활용하는 방법이다. 최신 브라우저에만 나와있기에 차선..

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Fundamental_CSS_comprehension Fundamental CSS comprehension - Learn web development | MDNYou've covered a lot in this module, so it must feel good to have reached the end! The final step before you move on is to attempt the assessment for the module — this involves a number of related exercises that must be completed in order to ..

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_tasks Test your skills: Values and units - Learn web development | MDNThe aim of this skill test is to assess whether you understand different types of values and units used in CSS properties.developer.mozilla.org     Task 1color-download.html hex color RGB color HSL color Alpha value 0.6  ..

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_tasks Test your skills: The Cascade - Learn web development | MDNThe aim of this skill test is to assess whether you understand universal property values for controlling inheritance in CSS.developer.mozilla.org Task 1CSS의 우선 순위 문제이다. mozilia에서는 우선순위를 점수를 매겨서 사용한다. 점수가 높으면 높을수록 상속의 우선순위가 높아지고 (그러니까 점수가 높은 애가 채택된다는 의미이다.) 스..

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Selectors_Tasks Test your skills: Selectors - Learn web development | MDNThe aim of this skill test is to assess whether you understand CSS selectors.developer.mozilla.org Task 1type-download.html This is a heading Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh on..

https://developer.mozilla.org/ko/docs/Learn/CSS/First_steps/Styling_a_biography_page 새로운 지식을 사용하기 - Web 개발 학습하기 | MDN지난 몇 단원에서 배운 내용을 통해 CSS 를 사용하여 간단한 텍스트 문서의 서식을 지정하여 자신만의 스타일을 추가 할 수 있다는 것을 알게 될 것입니다. 이 평가는 그 기회를 제공합니다.developer.mozilla.org biog-download.html Jane Doe Web Developer Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,..

https://developer.mozilla.org/ko/docs/Learn/HTML/Tables/Structuring_planet_data 행성 데이터 구조화 - Web 개발 학습하기 | MDN테이블 평가에서 우리는 태양계의 행성에 대한 일부 데이터를 제공하고, 이를 HTML 테이블로 구조화하도록 요청합니다.developer.mozilla.org 폴더 구조 blank-template.html Planets data Data about the planets of our solar system (Planetary facts taken from Nasa's Planetary Fact Sheet - Metric). ..

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page Mozilla splash page - Learn web development | MDNIn this assessment, we'll test your knowledge of some of the techniques discussed in this module's articles, getting you to add some images and video to a funky splash page all about Mozilla!developer.mozilla.org 폴더 구조 index.html Mozilla ..

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content/Test_your_skills:_Multimedia_and_embedding Test your skills: Multimedia and embedding - Learn web development | MDNThe aim of this skill test is to assess whether you understand how to embed video and audio content in HTML, also using object, iframe and other embedding technologies.developer.mozi..