반응형
https://opentutorials.org/course/3086/18312
CSS의 등장 - 생활코딩
수업예고 웹이 태어난 직후에 HTML에는 디자인을 위한 코드가 대거 추가됩니다. 무분별하게 추가된 디자인 기능은 정보로서의 웹이라는 가치를 오히려 퇴보시킵니다. 이를 극복하기 위해서 웹을
opentutorials.org
html의 태그를 해결할 수 있는 css
<!--
-->
html코드에서 주석하는 방법
웹브라우저는 기본적으로 html을 해석한다
따라서 css를 쓰면
css코드로 해석해줘라고 Html으로 이야기해주어야 한다.
<head>
<title>WEB - CSS</title>
<meta charset="utf-8">
<style>
a {
color:black;
text-decoration: none;
}
</style>
</head><style> </style>부분이다.
여기 안에 <a>태그에 대해 똑같은 디자인을 적용할 수 있다.
css를 사용하는 이유
첫번쨰는 html이 정보에 전념하기 위해 디자인 기능을 뻇은 것
두전째는 효율적이다. 중복 제거 등
<!doctype html>
<html>
<head>
<title>WEB - CSS</title>
<meta charset="utf-8">
<style>
a {
color:red;
text-decoration: none;
}
</style>
</head>
<body>
<h1><a href="index.html">WEBB</a></h1>
<ol>
<li><a href="1.html">HTML</a></li>
<li><a href="2.html" style="color:red;text-decoration:underline">CSS</a></li>
<li><a href="3.html">JavaScript</a></li>
</ol>
<h2>CSS</h2>
<p>
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.
</p>
</body>
</html>
2.html 내용
반응형
'웹 프로그래밍 > CSS' 카테고리의 다른 글
| 생활코딩 css 반응형 디자인과 미디어 쿼리 소개 (0) | 2021.07.14 |
|---|---|
| 생활코딩 css 그리드2 그리드 써먹기 (0) | 2021.07.14 |
| 생활코딩 css 그리드 (0) | 2021.07.14 |
| 생활코딩 박스모델2 줄긋기 (0) | 2021.07.14 |
| 생활코딩 박스모델 (0) | 2021.07.14 |
| 생활코딩 css 선택자를 스스로 알아내는 방법 (0) | 2021.07.12 |
| 생활코딩 css속성을 스스로 알아내는 방법 (0) | 2021.07.12 |
| 생활코딩 css 혁명적 변화 (0) | 2021.07.12 |