--CSS는 디자인이다.--
-
<style> </style> : <head>태그 안에 쓴다, html의 태그이다
-
<li id="selected"> : id값이 selected인 태그(li)를 선택해서 효과를 줄 수 있다, id는 html의 속성이다
-
<li class="em"> : class값이 em인 태그(li)를 선택해서 효과를 줄 수 있다
-
<link rel="stylesheet" type="text/css" href="파일주소"> : <head>태그 안에 쓴다, html의 태그이다. 파일주소에 있는 css 파일을 그 웹페이지에 넣는다. <a>태그와 다르다.
-
h1{} : 선택자, css의 태그이다
-
{color:red} : 색깔 설정, 서술, css의 태그이다
-
{font-size: 10px;}: 폰트 크기 설정, 서술, css의 태그이다
-
h1,h2{} : h2도 똑같은 효과를 주고 싶다면 콤마로 합치기
-
nav ol{} : nav 태그 중에서 ol 태그만이다
-
{list-style: none;} : 리스트 스타일 없앤다
-
{text-decoration:underline;} : 밑줄긋기
-
header h1{} : header 태그 중에 h1 태그 선택
-
{border: 1px solid red;} : 두께 1픽셀, 테두리 빨강색
-
{border-bottom: 1px solid gray} : 아래쪽만 테두리
-
#selected{} : id값 앞에 #을 붙여준다
-
.em{} : class값 앞에 . 을 붙여준다
-
{float : left; } :글을 (이미지와 함께) 여백을 채워준다. (왼/오)
'CSS' 카테고리의 다른 글
| Do it : CSS -6.텍스트 관련 스타일 (0) | 2020.09.09 |
|---|---|
| Do it : CSS -5. 기초 (0) | 2020.09.08 |
| 드림코딩 엘리 : CSS 레이아웃 정리 (0) | 2020.09.01 |
| 드림코딩 엘리 : CSS 셀렉터, 기초이론 정리. (0) | 2020.08.31 |
| 생활코딩 : CSS 정리 -2.박스모델, 중복의 제거, 크롬stylebot (by 웹 어플리케이션 만들기) (0) | 2020.08.29 |