Nombre de archivos de estilo[/b]
[Cita] main master.css
Diseño layout.css
Columna columnas.css
Fuente del texto.css
Estilo de impresión print.css
Tema temas.css [/quote]
Denominación de ID de CSS
[Cita] Título: Título
Inicio de sesión: Iniciar sesión
Logotipo: Logotipo
Barra lateral: Barra lateral
anuncio:banner
navegación:navegación
subnavegación:subnav
menú:menú
submenú: Submenú
Buscar: Buscar
Desplazar: Desplazar
Texto de página: Página principal
Contenido: Contenido
Etiqueta:Etiqueta
Lista de artículos:Lista
Mensaje rápido:Mensaje
Mensaje:Pregunta
Título de la columna:Título
Unirse:joinus
Guía:Gremio
Servicio:Servicio
Hot:Hot
Noticias:Noticias
Descargar: Descargar
Registro: regsiter
Estado: Estado
Botón: btn
Votar: Votar
Socio: Socio
Enlace amigable: amigolink
Pie de página: Pie de página
Copyright
Portada:Paquete
Navegación principal:Navegación principal
Subnavegación:subnav
Pie de página:Pie de página
Página completa:Contenido
p>Encabezado
Pie de página:Pie de página
Etiqueta de empresa:Etiqueta
Título:Título
Navegación principal: mainbav (navegación global)
Navegación superior: navegación superior
Navegación lateral: barra lateral
Navegación izquierda: barra lateral izquierda
Navegación derecha: barra lateral derecha
Bandera :flag
Marcar
Contenido del menú 1 1:contenido del menú 1.
Capacidad del menú: menucontainer
Submenú: Submenú
Icono de navegación lateral: Icono lateral
Nota: Nota
Ruta de navegación: ruta de navegación (es decir, sugerencias de navegación para la ubicación de la página)
Contenedor: contenedor
Contenido: contenido
Búsqueda: buscar
Iniciar sesión : Iniciar sesión
Área ritual: Tienda (como carrito de compras, cajero)
Actual[/quote]
(b) Se usa comúnmente en el sitio web chino y Tabla comparativa en inglés[/b]
[Cotización] Mapa del sitio de navegación del sitio web
Perfil de la empresa o perfil de la empresa o empresa
Equipo de la empresa
Empresa honor gloria gloria
Cultura corporativa
Exhibición de productos productos productos
Certificación de calificación
Escala empresarial
Red de ventas
Estructura organizativa
Unirse a la cooperación
Tecnología de energía técnica
Almacenamiento del administrador de voz del gerente
Historial de desarrollo
Proyectos de Ingeniería de Casos de Ingeniería
Alcance del Negocio
Rama
Información de Oferta y Demanda Oferta y Demanda
Filosofía empresarialPrincipios empresariales
Ventas de productos Ventas
ContáctenosContáctenos
Divulgación de información Información Información
Regresar a la página de inicio
Pedidos de productos
Buscar por categoría
Comercio electrónico
Empresa Fuerza Fuerza Fuerza
Copyright CopyrightCopyright
Enlaces amigables Enlaces activos
Campos de aplicación
Recursos humanos
Discurso del líderDiscurso del líder
Cualificaciones corporativas
Noticias comerciales
Tendencias de la industria
Noticias para clientes Noticias para clientes
Servicio al cliente
Noticias Noticias y tendencias
Empresa nombreNombre de la empresa
Línea directa de ventasLínea directa de ventas
Persona de contacto
Su solicitud
En proyecto de construcción
Certificado Certificado
Dirección Agregar Agregar
Código postal
Teléfono Teléfono Teléfono
Fax Fax
Nombre del producto Nombre del producto
Descripción del producto Descripción
Precio Precio
Marca Marca
Especificación
p>Dimensiones
Fabricante Fabricante Fabricante
Modelo Modelo
Número de producto Número de artículo
Especificaciones técnicas Datos tecnológicos
Descripción del producto
Lugar de producción
Información de ventas Información de ventas
Uso de la aplicación
Foro Foro
Pedido en línea
Empresario Emprendimiento
Licitación
Descripción general
Logros de desempeño
Reclutamiento Únase a nosotros
Buscando talentos y talentos para unirse a nosotros
Grandes eventos
Tendencias dinámicas
Servicios
Inversión Inversión
Industrial Industrial
Planificación Programación
Entorno Entorno
Enviar Entrega
Enviar Enviar
Reescribir restablecer
Iniciar sesión
Regístrese e inicie sesión
Ce.Net.Cn proporciona soporte técnico para China Enterprise Network
Comunidad Comunidad
Introducción empresarialIntroducción empresarial
Encuesta en líneaConsulta en línea
Descarga del Centro de descargas
Inicio de sesión para miembros Portal para miembros
Comentarios Comentarios
Preguntas frecuentes
Descripción general del Centro
Educación y formación Educación y formación
Parque de atracciones
Comunicación onlineComunicación online
Informe especial
La denominación de categorías comunes debe basarse en palabras comunes en inglés tanto como sea posible para facilitar la comprensión y marcarse en los lugares apropiados.
Para nombrar clases/ID secundarias, use un método de escritura combinado y la primera letra de la última palabra debe estar en mayúscula: por ejemplo, el cuadro de búsqueda debe llamarse "searchInput", el icono de búsqueda debe llamarse "searchicon" y el botón de búsqueda debe llamarse " searchbtn”...
1. Estándares y métodos de escritura convencionales
1. Seleccione el tipo de documento:
XHTML 1.0 proporciona tres Declaraciones DTD para elegir:
Transicional: se requiere una DTD muy flexible para permitirle continuar usando el logotipo HTML4.01 (pero debe cumplir con xhtml). El código completo es el siguiente:
& lt! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//ES " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transicional . DTD " & gt;
Estricto: se requiere una DTD estricta y no se pueden utilizar indicadores ni atributos de capa de presentación, como
& lt! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Strict . DTD " & gt;
Frameset: DTD especialmente diseñado para páginas de marco. Si su página contiene marcos, debe utilizar esta DTD. El código completo es el siguiente:
& lt! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//ES " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Frameset . DTD " & gt;
La situación más ideal es, por supuesto, una DTD estricta, pero para la mayoría de los diseñadores que son nuevos en los estándares web, la DTD transicional (XHTML 1.0 Transitional) es actualmente la opción más ideal (incluido este sitio web, que también utiliza DTD transicional). Debido a que esta DTD también nos permite usar logotipos, elementos y atributos de la capa de presentación, es más fácil pasar la verificación del código W3C.
2. Especifique el idioma y el juego de caracteres:
Especifique el idioma del documento:
& lthtml xmlns = " http://www.w3. org/1999 /xhtml"·lang= "Es" & gt
Para que los navegadores los interpreten correctamente y pasen la verificación del código W3C, todos los documentos XHTML deben declarar el lenguaje de codificación que utilizan; por ejemplo:
Definición de lenguaje común:
& ltmeta http-equiv = " Content-Type " Content = " text/html; charset = utf-8 "/ >>p>
Lenguaje de documento XML estándar Definición:
<? Versión XML = " 1.0 " codificación = " utf-8 "?& gt
Definición de idioma para navegadores antiguos:
& ltmeta http-equiv = " Content-Language " Content = " utf-8 "/ >
Para mejorar el conjunto de caracteres, se recomienda utilizar utf-8.
3. Llamar a la hoja de estilo:
Llamar a una hoja de estilo externa:
Método de incrustación de página: escribir la hoja de estilo directamente en el área del encabezado del código de página.
Por ejemplo:
& ltstyle type="text/css " >& lt! --body {fondo: blanco; color: negro;} --></style>
Método de llamada externa: por separado. css y luego llámelo en el área del encabezado con un código similar al siguiente.
& ltlink rel = " hoja de estilo " rev = " hoja de estilo " href = " CSS/estilo . CSS " type = " texto/CSS " media = " todo "/& gt;
En un diseño que cumple con los estándares web, se recomienda utilizar un método de llamada externo, que puede cambiar el estilo de la página sin modificar la página, solo modificaciones. archivo css. Si todas las páginas llaman al mismo archivo de hoja de estilo, cambiar el archivo de hoja de estilo puede cambiar el estilo de todos los archivos.
4. Seleccione los elementos apropiados:
Seleccione elementos HTML según la estructura del documento, no según el estilo de los elementos HTML. Por ejemplo, utilice elementos p para contener párrafos de texto en lugar de saltos de línea. Si no puede encontrar un elemento adecuado al crear un documento, considere usar un div o span simple;
Evite el uso excesivo de divs y spans. El uso de elementos div y span de forma moderada y adecuada puede hacer que la estructura del documento sea más clara y el estilo más razonable y fácil de usar.
Utilice etiquetas y anidamiento estructural lo menos posible para aclarar la estructura del documento y mantener el documento; Estructura compacta, mejora la velocidad de descarga del usuario y facilita la interpretación y presentación de los documentos por parte del navegador;
5. Selector derivado:
Puede utilizar selectores derivados para seleccionar elementos secundarios dentro de un elemento. Defina estilos, que simplifican los nombres y aclaran la estructura, por ejemplo:
. menú principal ul Li { background:URL(images/BG . gif;)}
6. La imagen auxiliar se procesa junto con la imagen posterior:
La "imagen auxiliar". aquí se refiere a Imágenes que no forman parte del contenido de la página y son solo para decoración, separación y recordatorio. Para el procesamiento de imágenes de fondo, puede cambiar el estilo CSS sin cambiar la página, por ejemplo:
# logo { background:URL(images/logo . jpg)# FEFEFE sin duplicación en la parte inferior derecha }
7. Separación de estructura y estilo:
Solo la estructura del documento está escrita en la página, pero el estilo está escrito en el archivo css, y la estructura y el estilo están separados. mediante llamadas externas a la hoja de estilos CSS.
8. Redacción estructurada de documentos:
Los documentos CSS de la página deben escribirse de forma ordenada, con lógica clara y fáciles de leer.
Por ejemplo:
& ltdiv id="mainMenu " >>p>
& ltul & gt
& lt李& gt& lta href = " # " & gtHomepage
& lt李& gt& lta href = " # " & gtIntroducción
& lt李& gt& lta href = " # " & gtService
& lt /ul & gt;
& lt/div & gt;
#Menú principal{
Ancho:100%;
Alto:30px
Fondo:URL(imágenes/menú principal _ BG . jpg)repetir-x
}
#Menú principal ul li {
<; p>Flotante: izquierda;Altura de línea: 30px
Margen derecho: 1px;
Cursor: puntero;
}
********************************************* ** ************************************************* ***
Referencia nombrada (red de origen)
Reglas comunes de nomenclatura CSS:
Título: título
Contenido: contenido/contenedor
p>Cola: Pie de página
Navegación: Navegación
Barra lateral: Barra lateral
Columna: Columna
Periférico de la página Controle el ancho general del diseño: ajuste
centro izquierda y derecha
Utilice letras minúsculas para nombrar. Si se necesitan varias palabras, sepárelas con "-", como lista de usuarios.
Estructura de código general:
Div: se utiliza principalmente para el diseño y división de la estructura de la página.
Ul/ol: usado para listas desordenadas/ordenadas.
Span: no tiene ningún significado especial y puede utilizarse como ayuda para la composición tipográfica.
Por ejemplo
<李><span>(4.23)</span>. El sexto aniversario de Fantasia.com El sexto aniversario de Fantasia.net El sexto aniversario de Fantasia.com El sexto aniversario de Fantasia.net
Luego defina el lapso en CSS para flotar hacia la derecha para lograr el efecto de visualización a doble cara de la fecha y el título.
H1-h6: Título
H1-h6 están en orden de importancia descendente.
El título más importante de H1
Etiqueta: algo bueno para hacer que su formulario sea más fácil de usar y también ayudar con el diseño del formulario.
Por ejemplo:
& lt="Contraseña de usuario">etiqueta. Etiqueta de contraseña. Contraseña