-
생활코딩으로 코딩 독학 - CSS (2)코딩공부 2021. 10. 2. 18:20
6강 속성 스스로 알아내기 (property)
배운 것을 토대로
여기서 h1은 셀렉터고
괄호 속 내용은 프로퍼티와 벨류로 구성된다.
>> 즉,
h1제목체로 되어있는 것들아
폰트 45픽셀로 하고, 정렬을 가운데로 해!
라는 명령이 내려진 것이다
속성을 알아내는 방법은 구글링이다.
문자를 크기를 더 키우는 속성을 알고싶다 >> "css text size property" 검색 >> "font-size" 라는 결과가 나옴
7강 CSS 선택자의 기본
태그 선택자(3순위)
class 선택자(2순위) . 예시) .intro : class="intro"라고 되어있는 태그를 모두 선택한다.
id 선택자(1순위) # 예시) #firstname : id="firstname" 이라고 되어있는 태그를 선택한다.
구체적일수록 우선순위,
그다음은 쓰여있는 배열로 반응함
8강 박스 모델
h1태그는 화면 전체를 쓰고있음을 알 수 있다. (줄바꿈이 이루어짐)
본문에 어떤 단어에 링크를 걸어보면 그 태그는 줄바꿈이 이루어지지 않고 다른 콘텐트들과 같은 라인에 존재하고 있다.
>> 짐작만 하지 말고 실제 부피를 알기 위해 태그의 테두리를 그리면 그 부피를 알 수 있으니 시도하기.
h1,a{ border-width:5px; border-color:red;borderstyle: solid; }
'코딩공부' 카테고리의 다른 글
생활코딩으로 코딩 독학 - CSS (1) (0) 2021.09.28 생활코딩으로 코딩 독학 - HTML (5) (0) 2021.09.27 생활코딩으로 코딩 독학 - HTML (4) (0) 2021.09.25 생활코딩으로 코딩 독학 - HTML (3) (0) 2021.09.24 생활코딩으로 코딩 독학 - HTML (2) (0) 2021.09.23