sytle 태그 ---> head 태그 링크 내에서 계단식 스타일은 재정의만 됩니다. ->기본"/> sytle 태그 ---> head 태그 링크 내에서 계단식 스타일은 재정의만 됩니다. ->기본">

 >  기사  >  웹 프론트엔드  >  초보자 초보자의 CSS 학습 노트

초보자 초보자의 CSS 학습 노트

零下一度
零下一度원래의
2017-06-29 09:22:271458검색

1. 검토

  1. CSS란 무엇인가요?
    계단식 스타일 시트 - 계단식 스타일은 재정의만 되고 교체되지는 않습니다.

  2. CSS
    style 속성 사용 방법--->

    --> 헤드 태그 내부
    link--->

  3. 기본 선택기

    html 태그 선택기가 html 태그 이름을 전달했습니다. 요소 선택
      ① 모든 html 태그를 선택자로 사용할 수 있습니다.
      ② 태그가 아무리 숨겨져 있어도 선택됩니다.
      ③ 특정 태그 대신 모든 태그가 선택됩니다. 그래서 우리가 html 태그 선택기를 통해 설정한 것은 몇 가지 일반적인 문제입니다.
    id 선택기
    ① 모든 태그는 id 속성과 속성 값을 사용할 수 있습니다(id는 전역 속성이므로). ID 이름은 임의로 지정할 수 없습니다. ID 이름은 숫자, 문자, 밑줄을 포함할 수 있지만 문자로 시작해야 합니다. 량법






    TestHeader Little Hump TestHeader Great Humps ② 그러나 ID 이름은 중복될 수 없습니다.

    클래스 선택기 ① 모든 레이블에서 클래스 속성을 사용할 수 있습니다. (클래스 속성도 전역 속성입니다.) ②클래스 속성 이름은 재사용 가능합니다
  4. ③클래스 속성은 여러 클래스 속성 값을 가질 수 있습니다.

    2. 종합 선택기
  1. 하위 선택기 div p
  2. Intersection 선택기 div.dl
  3. Union 선택기 div, p
  4. 하위 요소 선택 또는 div> p
  5. 시퀀스 selector ul li:first-child ul:li:last-child
  6. 인접 형제 선택기 div + p
  7. ordinary 형제 선택기 div ~ p

    three , 상속
  1. 상속: 특정 CSS 상위 요소의 속성은 하위 요소에 무조건 상속됩니다. 텍스트에 대한 모든 CSS 속성은 상속될 수 있습니다. 색상 텍스트- line-font-


  2. 스태킹
    스태킹은 CSS 충돌 문제를 해결합니다

    가중치를 비교하여 계단식 문제를 해결합니다
  3. ! 중요는 "개별 속성"의 가중치를 무한으로 변경할 수 있습니다. 가능한 한 적게 사용하십시오.

4. 블록 수준 요소와 인라인 요소

div 블록 수준 요소

스팬 인라인 요소 🎜블록 수준 요소와 인라인 요소의 차이점: 1. 인라인 요소는 너비와 높이를 설정할 수 없습니다. 인라인 요소의 너비와 높이는 레이블의 너비와 높이와 동일합니다. 블록 수준 요소는 너비와 높이를 설정할 수 있습니다. 2. 블록 수준 요소는 별도의 줄을 차지합니다. 그러나 인라인 요소는 단독으로 한 줄을 차지할 수 없으며 다른 인라인 요소와 한 줄을 공유할 수만 있습니다. 3. 블록 수준 요소가 너비를 설정하지 않으면 블록 수준 요소가 자동으로 상위 요소의 전체 너비를 차지합니다. 🎜

위 내용은 초보자 초보자의 CSS 학습 노트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.