> 웹 프론트엔드 > CSS 튜토리얼 > 일반적으로 사용되는 CSS 명명 규칙의 예 공유

일반적으로 사용되는 CSS 명명 규칙의 예 공유

小云云
풀어 주다: 2017-12-22 17:17:36
원래의
1684명이 탐색했습니다.

이 문서에서는 주로 일반적으로 사용되는 CSS 명명 규칙(권장)을 공유합니다. 이 글이 모든 사람이 CSS 사용법을 더 잘 배우고 익히는 데 도움이 되기를 바랍니다. Commonly 사용 된 CSS 이름 지정 규칙 (권장)

헤드러 : HeaderStent : 컨텐츠/컨테이너 테일 : 바닥 표시 : Nav

SideBar : SideBar

Column : Column

Page 주변 레이아웃 너비 : 래퍼

왼쪽 오른쪽 가운데

로그인 바: 로그인바

로고: 로고

광고: 배너

페이지 본문: 메인

핫스팟: 핫

뉴스: 뉴스

다운로드: 다운로드

하위 탐색: subnav

menu: menu

하위 메뉴: submenu

검색: search

친숙한 링크: friendlink

바닥글: footer

copyright: copyright

scroll: 스크롤

content: content

tag 페이지: tab

기사 목록: list

팁: msg

팁: Tips

열 제목: title

Join: Joinus

Guide: guild

Service: service

Registration: regsiter

Status :status

vote: vote

partner: Partner

(1) 페이지 구조

container: 컨테이너

header: header

content: content/container

page body: main

footer :footer

Navigation: nav

S 아이바 : sidebar

Column: column

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

왼쪽 오른쪽 가운데

(2) Navigation

Navigation: nav

main Navigation: mainbav

하위 탐색: subnav

상단 탐색 : topnav

측면 탐색: 사이드바

왼쪽 탐색: 왼쪽 사이드바

오른쪽 탐색: 오른쪽 사이드바

메뉴: 메뉴

하위 메뉴: 하위 메뉴

제목: 제목

요약: 요약

(3) 기능

로고: 로고

광고: 배너

로그인: 로그인

로그인 바: 로그인 바

등록: regsiter

검색: 검색

리본: 상점

제목:title

Join: Joinus

상태: Status

Button : btn

scroll : scroll

tab : tab

Article List : List

Prompt 메시지 : msg

current : current tips : tips

icon : icon tot : note

가이드:길드

서비스:서비스

핫스팟:핫

뉴스:뉴스

다운로드:다운로드

vote:vote

파트너:파트너

친화적인 링크: 링크

저작권: copyright

메인 마스터 .css

module module.css

base.css

layout,layout.css

theme theme.css

columns를 공유합니다.css

textfont.css

forms.css

patch mend.css

print print.css

이름 지정이 매우 간단하다고 생각할 수도 있지만 좋은 명명 규칙을 사용하면 개발이 더 원활하게 진행될 수 있습니다. CSS 명명 규칙에 대한 이 기사가 모든 사람에게 도움이 되기를 바랍니다.

관련 권장사항:

HTML의 명명 규칙

php의 변수 명명 규칙에 대한 자세한 설명

html 및 CSS 태그의 명명 규칙 요약

위 내용은 일반적으로 사용되는 CSS 명명 규칙의 예 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿