CSS 시작하기
- 高洛峰원래의
- 2016-11-24 10:21:291550검색
1. 개념:
캐스케이딩 스타일시트(Cascading Style Sheet)는 "CSS"라고도 하며, 일반적으로 웹페이지 스타일 디자인에 사용되는 "스타일시트(Style Sheet)"라고도 합니다.
2. 일반적인 사용법
1. 다음과 같이 페이지의 모든 동일한 태그 요소에 스타일을 추가할 수 있습니다.
div 영역 1
div 영역 1< ;/div>
이름: 점수:
<스타일 유형 태그를 추가할 수 있습니다. 이 페이지의 헤드 태그 ="text/css">
div{
border:#F90 dashed 2px;
height:200px;
width:400px;
}
input {
border ; class attribute, class="haha" */
border:none;
}
#userBirth{ /* 스타일 이름 앞에 파운드 # 기호가 추가됩니다. style은 페이지의 특정 요소에 대한 것입니다. id 속성이 정의되어 있으며, id는 js에서 주로 사용되므로 id="userBirth"는 거의 사용되지 않습니다. ID가 스타일일 필요는 없습니다. 대부분의 경우 클래스는 확장성이 높은 하나의 스타일을 사용합니다. 수정하기 쉽습니다. */
border:none;
border-bottom:#000 1px solid;
}
2. CSS 파일은 일반 텍스트 파일과 별도로 작성할 수 있습니다. 사용 시 다음과 같은 태그에 로드될 수 있습니다.
이름: 점수:
<스타일 유형 태그를 추가할 수 있습니다. 이 페이지의 헤드 태그 ="text/css">
div{
border:#F90 dashed 2px;
height:200px;
width:400px;
}
input {
border ; class attribute, class="haha" */
border:none;
}
#userBirth{ /* 스타일 이름 앞에 파운드 # 기호가 추가됩니다. style은 페이지의 특정 요소에 대한 것입니다. id 속성이 정의되어 있으며, id는 js에서 주로 사용되므로 id="userBirth"는 거의 사용되지 않습니다. ID가 스타일일 필요는 없습니다. 대부분의 경우 클래스는 확장성이 높은 하나의 스타일을 사용합니다. 수정하기 쉽습니다. */
border:none;
border-bottom:#000 1px solid;
}
2. CSS 파일은 일반 텍스트 파일과 별도로 작성할 수 있습니다. 사용 시 다음과 같은 태그에 로드될 수 있습니다.