# 문제
코딩 연습 확인사항: CSS - Common 스타일 속성
임무: 모든 div 요소에 다음 목록의 것을 갖도록, CSS 파일인 "styling.css"를 채우세요.
1. 오렌지색 배경
2. 파란 텍스트 색상
3. 너비가 20인 점선 테두리
두 번째로, 모든 span에 빨간색 텍스트 색을 설정하세요. 그런 다음 최소 2개의 div와 하나의 span 요소가 포함되도록 HTML 파일인 'index.html'을 채우세요.
텍스트는 원하는 것을 선택할 수 있습니다!
평소와 같이 HTML 헤더도 만드세요. CSS 파일을 추가하는 것을 잊지 마세요.
중요 참고 사항: 위의 임무를 주의 깊게 읽어주세요! 자동화된 코딩 연습 평가 시스템은 정확하게 일치하는 것이 요구되기 때문에 정확하게 동일해야 합니다!
이에 대한 해답은 다음 강의에 있습니다.
# 내 코드
# index.html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styling.css">
<title>Document</title>
</head>
<body>
<div>division part <span>span part</span></div>
</body>
</html># styling.css
div {
color: blue;
background-color: orange;
border-width: 20px;
border-style: dotted;
}
span {
color: red;
}
# 정답코드에서 유의미한 것은 '점선'이라고 했는데, dashed라고 표현했다.
# 사실상 한글의 점선은 dotted, dashed 둘다 가능하다고 본다.
# 이럴땐 굳이 문제가 한글로 번역 되었어야 하나 싶지만.. 암튼 뭐 크게 중요하진 않으니깐..
'Web > Css' 카테고리의 다른 글
| css - google API에 연동하여 폰트 사용하기 (0) | 2022.09.28 |
|---|---|
| css 문제풀이3 - div안의 div, class와 id에도 각각 css 먹이기 (0) | 2022.09.28 |
| css 문제풀이1 - h1영역에 색상, 백그라운드 색상 입히기 (0) | 2022.09.28 |
| css 활용6 전환, 변환 (0) | 2022.09.06 |
| css 활용5 플렉스(정렬) (0) | 2022.09.06 |
