>웹 프론트엔드 >CSS 튜토리얼 >CSS 개발에서 일반적으로 사용되는 이름 지정

CSS 개발에서 일반적으로 사용되는 이름 지정

Guanhui
Guanhui앞으로
2020-05-22 11:05:392148검색

CSS 개발에서 일반적으로 사용되는 이름 지정

CSS 명명 규칙(규칙) 일반적으로 사용되는 CSS 명명 규칙

Head: header

Content: content/container

Tail: footer

Navigation: nav

Sidebar: sidebar

Column: co Lumn

 페이지 주변 장치 제어 전체 레이아웃 너비: 래퍼

 왼쪽 오른쪽 중앙: 왼쪽 오른쪽 중앙

 로그인 바: loginbar

 마크: 로고

 광고: 배너

 페이지 본문: 메인

 핫스팟: hot

 뉴스: news

다운로드: download

하위 탐색: subnav

메뉴: menu

하위 메뉴: submenu

검색: search

친숙한 링크: friendlink

바닥글: footer

저작권: copyright

 스크롤: 스크롤

콘텐츠: content

태그: 태그

기사 목록: 목록

프롬프트 메시지: msg

팁: Tips

열 제목: title

참여: Joinus

가이드: 가이드

서비스: service

등록 : 등록 : 상태: 상태

투표: 투표

파트너: PARTNER

메모:

/ * 헤더 */

콘텐츠 영역

/ * 끝 헤더 */

ID 이름:

:

1. 페이지 구조

Container: 컨테이너

Content: content/container

페이지 본문: main

Footer: footer

Navigation: nav

Sidebar: sidebar

Head: Column

  페이지 주변 장치 제어 전체 레이아웃 너비 : 래퍼

  왼쪽 및 오른쪽 중앙: 왼쪽 오른쪽 중앙

2, 네비게이션

  네비게이션: nav

  메인 네비게이션: mainnav

  서브 네비게이션: subnav

  탑 네비게이션: topnav

  사이드 네비게이션: 사이드바

왼쪽 탐색: leftsidebar

오른쪽 탐색: rightsidebar

메뉴: menu

하위 메뉴: submenu

제목: title

요약: summary

3. 기능

로고: logo

 광고: 배너

  로그인: 로그인

로그인 바 : loginbar

등록 :register

검색 : search

리본 : shop

제목 : title

가입 : Joinus

상태 : status

버튼 : btn

스크롤 : scroll

탭 페이지 : tab

글 목록: list

프롬프트 메시지: msg

현재: current

팁: Tips

아이콘: icon

참고: note

가이드: guild

서비스: service

핫스팟: hot

뉴스: news

다운로드: 다운로드

투표: vote

파트너: 파트너

친근한 링크: link

저작권: copyright

참고::

 1. 항상 소문자로

  2. 영어를 최대한 소문자로 사용하세요. 가능합니다.

3. 대시와 밑줄을 추가하지 마세요.

  4. 한눈에 이해하기 쉬운 단어가 아니면 단어를 축약하지 마세요.

CSS 스타일 시트 파일 이름 지정

메인 master.css

모듈 module.css

기본 공통 base.css

Layout.css 레이아웃.css

테마 theme.css

열 columns.css

텍스트 글꼴 .css

 Form Forms.css

 패치 mend.css

 Print print.css

추천 튜토리얼: "

CSS Tutorial

"

위 내용은 CSS 개발에서 일반적으로 사용되는 이름 지정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 zhihu.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제