HTML style tag와 css 에 대한 이해

HTML Tag Style 관련 구조가 어떻게 되는지 도식화 하면 다음그림과 같은 것을 확인할 수 있다.
CSS(Cascading Stylesheets; 종속형 스타일시트)는 HTML을 익힌 후 가장 먼저 배워야할 웹기술입니다. HTML이 컨텐트의 구조와 의미를 정의하는 반면, CSS는 스타일을 지정하고 레이아웃을 지정하는 데 사용됩니다. 예를 들어, CSS를 사용하면 컨텐트의 글꼴, 색상, 크기 및 간격을 변경하거나, 여러 개의 열로 분할하거나, 애니메이션이나 기타 장식 효과를 추가할 수 있습니다.


구글 크롬에서 ‘도구 더보기’->’개발자 도구’ 를 선택 하면 Web Page의 구조를 확인 할 수 있다.

<!DOCTYPE html>
h1 {color:red;}
p {color:blue;}
<h1>This is a heading</h1>
<pt>This is a paragraph.</pt>

출력 결과

This is a heading

This is a paragraph.

“HTML style tag와 css 에 대한 이해”의 9개의 댓글

  1. Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my
    blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this.
    Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

  2. Superb website you have here but I was curious if you knew of any discussion boards
    that cover the same topics discussed in this article?

    I’d really like to be a part of online community where I can get feed-back from other knowledgeable individuals that share the same interest.
    If you have any suggestions, please let me know. Thanks a lot!

  3. We’re a group of volunteers and starting a
    new scheme in our community. Your website provided us with valuable info
    to work on. You have done an impressive job and our entire community will be thankful to

  4. I love your blog.. very nice colors & theme. Did you design this website yourself or did you hire someone
    to do it for you? Plz respond as I’m looking to
    design my own blog and would like to know where u got this from.
    appreciate it

  5. When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get several
    emails with the same comment. Is there any way you can remove people from
    that service? Thanks a lot!

댓글 남기기