DIV+CSS 표준 명명된 컬렉션

巴扎黑
풀어 주다: 2017-05-01 14:51:21
원래의
1481명이 탐색했습니다.

CSS+p 웹페이지(Xhtml)를 개발할 때 가장 헷갈리고 얽히는 것은 CSS 이름 지정입니다. 특히 초보자들은 장소 이름을 어떻게 지정해야 하는지, 어떻게 지정하는 것이 가장 좋은지 모릅니다.

명명 규칙 설명:

1) 이름은 모두 소문자여야 합니다

2) 속성 값은 큰따옴표("")로 묶어야 하며, class="pcss5", id="pcss5"

와 같은 값을 가져야 합니다. 3) 각 라벨에는 시작과 끝이 있어야 하며 수준이 정확해야 하며 레이아웃이 규칙적이고 깔끔해야 합니다

4) 빈 요소에는 종료 태그가 있거나 시작 태그 뒤에 "/"

를 추가해야 합니다. 5) 성능과 구조는 완전히 분리됩니다. 코드에는 스타일, 글꼴, bgColor, 테두리 등 성능 요소가 포함되지 않습니다.

6) 정의는 큰 것부터 작은 것까지 원칙을 따라야 하며 문서의 구조를 반영하고 검색 엔진 쿼리를 용이하게 해야 합니다.

7) 각 테이블과 양식에 고유한 구조 태그 ID

를 추가합니다. 8) 사진에 Alt 태그 추가

9) 영어 작명 원칙을 사용해 보세요

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

웹페이지 외부 레이어의 중요한 부분에 대한 CSS 스타일 명명 기준:

코트 랩----가장 바깥쪽 헤더 헤더에 사용---헤더 메인의 주요 내용에 사용 ------------메인 콘텐츠(중간)에 사용됨 왼쪽 메인-왼쪽---------------왼쪽 레이아웃 오른쪽 메인-오른쪽------ ---- ---오른쪽 레이아웃 탐색 모음 탐색------웹 페이지 메뉴 탐색 막대 내용--------------- -하단에 사용됩니다. 웹페이지 중간 본문 바닥글------하단에 사용

p+CSS 명명 참조표:

다음은 CSS 스타일 명명 및 CSS 파일 명명, p CSS 명명 모음에 대한 참조표입니다.

CSS 스타일 명명

설명

웹페이지의 공개 이름 지정

#래퍼

페이지 주변은 전체 레이아웃 너비를 제어합니다

#컨테이너 또는 #콘텐츠

가장 바깥층에 사용되는 용기

#레이아웃

레이아웃

#머리,#헤더

헤더 부분

#발,#바닥글

바닥글 섹션

#nav

메인 네비게이션

#하위 탐색

보조 탐색

#메뉴

메뉴

#하위메뉴

하위메뉴

#사이드바

사이드바

#sidebar_a,#sidebar_b

왼쪽 열 또는 오른쪽 열

#메인

페이지 본문

#태그

태그

#msg #메시지

프롬프트 메시지

#팁

#투표

투표

#친구링크

친근한 인연

#제목

제목

#요약

요약

#로그인바

로그인바

#검색입력

검색 입력창

#핫

인기 핫스팟

#검색

검색

#검색_출력

검색 결과는 검색 결과와 유사합니다

#검색바

검색창

#검색결과

검색결과

#저작권

저작권 정보

#브랜딩

상표

#로고

홈페이지 로고

#사이트정보

홈페이지 정보

#siteinfo법적

법적 고지

#siteinfo크레딧

평판

#조이너스

우리와 함께하세요

#파트너

파트너

#서비스

서비스

#등록자

등록

도착/화살표

화살표

#길드

안내

#사이트맵

사이트맵

#목록

목록

#홈페이지

#하위페이지

보조 페이지 하위 페이지

#도구,#툴바

툴바

#드롭

드롭다운

#기숙사메뉴

드롭다운 메뉴

#상태

현황

#스크롤

스크롤

.탭

태그 페이지

.left.right.center

왼쪽, 중앙, 오른쪽

.뉴스

뉴스

.다운로드

다운로드

.배너

광고배너(상위광고배너)

전자상거래 관련

.제품

제품

.제품_가격

상품가격

.제품_설명

제품설명

.제품_리뷰

상품평

.editor_review

댓글 수정

.news_release

최신상품

.출판사

제조사

.스크린샷

썸네일

.faq

자주 묻는 질문

.키워드

키워드

.블로그

블로그

.포럼

포럼

 

CSS 문서 이름

설명

CSS文件命名

说明

master.css,style.css

主要的

module.css

模块

base.css

基本共用

layout.css

布局,版面

themes.css

主题

columns.css

专栏

font.css

文字、字体

forms.css

表单

mend.css

补丁

print.css

打印

master.css,style.css
정말 대단해요
module.css 模块
base.css 基本共용
layout.css 布局,版면
themes.css 주인님
columns.css 专栏
font.css 문자, 문자
forms.css 表单
mend.css ㅋㅋㅋ
print.css 打印

위 내용은 DIV+CSS 표준 명명된 컬렉션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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