style 태그 중복 선언
안녕하세요.
고코더 입니다.
● 1. 많은 분들은 이미 알고 계시겠지만
최근에 코딩하다 알게 된 사실인데요.
HTML에 요소에 style 태그를 선언해서
CSS 속성을 입력할 수 있습니다.
Q. 그런데 이 style태그를 두 번 입력한다면
브라우저는 어떻게 해석할까?
A. 정답은 처음 style 태그만 입력 받는다
● 2. 한번 실험을 해보겠습니다.
아래처럼 태그를 입력했습니다.
● 3. 그리고 결과는 당연히 빨간색으로 글자가 표현됩니다.
● 4. 그럼 같은 속성만 무시되는 거 아니냐고 하실 텐데요
이번에는 뒤에 스타일 속성에 display를 none으로 해보겠습니다.
● 5. 결과는 역시 빨간색 글자만 나오네요.
(앞에 이미지 복붙 아니고 결과 값 캡쳐했습니다.!)
알고 있던 분들은 뭐 이런 걸 가지고
하시겠지만 저는 어제 코딩하다 처음 알았네요.
재밌는 HTML에 세계 입니다.
마무리
혹시 style 태그가 안 먹힌다면
이미 선언했는지 한번 체크해보세요.
'IT_Developers > HTML' 카테고리의 다른 글
HTML5 - input 태그의 formaction 속성 (0) | 2019.08.05 |
---|---|
HTML - required 필수 항목 값을 확인해주는 속성 (1) | 2019.08.01 |
HTML - Div를 화면 중앙 가운데 반응형 노출 (1) | 2019.06.21 |
CSS - Font Awesome 버전별 아이콘 확인하기 (1) | 2019.06.11 |
HTML - image maps 이미지맵 만들기 사이트 / image-maps.com (0) | 2019.03.24 |
댓글