[Artículo] título cepillo html + css + js 4/10

Ganado de los temas de análisis de redes

Aquí Insertar imagen Descripción
Análisis:
el elemento 1. La mayoría de HTML se define como elemento en bloque o elementos en línea
HTML elemento <div>

  • HTML <div> elemento es un elemento de bloque que está en combinación con otros recipientes se pueden utilizar elementos HTML.

  • <Div> elemento no tiene un significado específico. Además, ya que pertenece al elemento a nivel de bloque, el navegador mostrará la línea de plegado longitudinal de la misma.

  • Si se utiliza con CSS, <div> elemento puede ser utilizado para el alojamiento de estilo establecidas para grandes bloques de contenido.

  • Otro uso común <div> es el diseño del documento. Se sustituye el viejo método de uso de tablas para definir el diseño. Uso <table> elementos en el uso correcto de la presentación del documento no es una tabla. Efecto <table> elementos es una de datos tabular.

  • Tag puede ser marco conjunto de alto nivel de bloque, el bloque de nivel de etiquetas comunes Div, p, h1-h6, ul, li, dl, dt, dd.
    elemento <span> HTML

  • HTML <span> elemento es un elementos en línea, que se utiliza como un contenedor de texto.

  • <Span> elementos son también ningún significado específico.

  • Cuando se utiliza con CSS, <span> elemento puede ser usado como parte de un estilo de atributos de texto proporcionado

    div, p es el elemento mayor
    palmo es los elementos en línea
    img elemento de bloque inline

Aquí Insertar imagen Descripción
resolución:

  • sistema de marco de red Bootstrap funciona como sigue:
    1, las líneas de datos (.Row) deben estar contenidas en el recipiente (.container) con el fin de impartir su alineación correcta y la distancia (relleno).
    Tales como: <div class = "Container">
    <div class = "fila"> </ div>
    </ div>
    2, fila (.Row) se puede añadir en una columna (.Column), pero no puede exceder el número de columnas dividir el número total de columnas, tales como 12.
    Tales como: <div class = "Container">
    <div class = "fila">
    <div class = "el MD - COL 4."> </ Div>
    <div class = "el MD - COL 8."> </ Div>
    </ div>
    . 3, los contenidos específicos del contenedor deben ser colocados en una fila (columna), la columna y sólo (columna) líneas pueden servir como el recipiente (.Row) elemento hijo directa
    4, mediante el establecimiento de la distancia (relleno) a fin de crear una columna espaciado entre las columnas. Entonces a través de la primera columna y la última columna se proporciona a partir del negativo exterior (margen) a la distancia de desplazamiento (relleno) efectos
    detalle: http://www.imooc.com/code/2325

  • columnas anidadas en
    Bootstrap marco sistema de red también es compatible con columnas anidadas. Puede añadir una o más filas de contenedores (.Row) en una columna, se inserta a continuación, esta columna en las filas de contenedores. Pero la fila columna recipiente (fila) en el recipiente, una anchura de 100%, es decir, la anchura de la columna externa actual.
    Aquí Insertar imagen Descripción
    resolución:

  • todo, se unen, el primer parámetro es una función de los tres de aplicar este objeto señalador

  • La segunda diferencia parámetro de vino:

    1. La llamada es para ir directamente en el parámetro, el segundo y tercer enésimo argumento todo separado por comas, directamente en la parte posterior obj.myFun.call (db 'Chengdu', ..., 'cadena');
    2. Todos los parámetros se aplican deben ser colocados dentro de la matriz en una pase obj.myFun.apply (db, [ 'Chengdu', ..., 'cadena']);
    3. Además de devolver una función distinta de bind, sus parámetros y la misma llamada.
  • Este problema debe ser resuelto
    Aquí Insertar imagen Descripción
    Aquí Insertar imagen Descripción
    Análisis:

  • La totalidad (página inicialización, el cambio de usuario de estilo comportamiento de la interfaz, cambiar el estilo de la interfaz de animación, etc.) durante el renderizado del navegador de reflujo (reflujo) y volver a pintar (redibujar)
    afectará en gran medida el rendimiento de la web, especialmente la página teléfonos móviles. Así que cuando el diseño de páginas para minimizar el reflujo y volver a pintar.

  • ¿Qué es el reflujo y volver a pintar (enlace original: http: //www.cnblogs.com/Peng2014/p/4687218.html)

  • el reflujo: el proceso de un elemento secundario del cambio de estilo se produce, por ejemplo, un impacto directo sobre el elemento padre y la trazabilidad hasta muchos elementos antecesores (incluyendo hermanos), esta vez para re-navegador muestre todos los elementos de este sub-elemento asociado a la llamada reflujo .

  • refluir: casi inevitable. Ahora popular en la pantalla algunos de los efectos, como el árbol de plegado, expanda (mostrar esencialmente elementos y oculto), etc., hará que el navegador de reflujo. Ratón sobre, haga clic en ......, siempre y cuando estos actos causaron un cambio en las propiedades de ciertos elementos de la huella, forma posicionamiento, márgenes y otra página, causará interna, e incluso alrededor de la re-renderizado toda la página. Por lo general, no somos capaces de estimar el navegador al final lo que parte del código va a refluir, todos ellos se afectan entre sí.

  • repinte: Si acaba de cambiar el color de fondo de un elemento, el color del texto, color del borde, por lo que no afecta a las propiedades a su alrededor o el diseño interior solamente hará que el navegador para volver a pintar (redibujar). repintar significativamente más rápido que el reflujo

  • La siguiente situación dará lugar a la aparición de reflujo
    1: para cambiar el tamaño de la ventana
    2: cambiar el tamaño de texto
    3: cambios de contenido, tales como una tipificación usuario a lo largo en el cuadro
    4: activo pseudo-clase, tales como: libración
    5:. Atributo de clase de operación
    6: operaciones de script el DOM
    . 7 : calculado offsetWidth y la offsetHeight
    . 8: establecer atributo de estilo
    Aquí Insertar imagen Descripción

  • "Form" el elemento de bloque especial, sólo se puede utilizar para alojar otros elementos de bloque.
    Aquí Insertar imagen Descripción
    Aquí Insertar imagen Descripción
    Aquí Insertar imagen Descripción
    resolución:

  • Bb representa un audaz, fuerte Indica texto importante

  • C.fieldset para los paquetes mientras que la leyenda para la descripción de paquetes
    Aquí Insertar imagen Descripción
    Análisis:

  • la lista de lista de datos de opciones especificado campo de entrada, creado por opción;

  • keygen proporcionar un método fiable de autenticación de un usuario, el generador de par de claves, una clave privada del cliente almacenada en la clave pública al servidor, el certificado de cliente para la verificación posterior;

  • Las salidas elemento de salida para diferentes tipos de

Publicado 10 artículos originales · ganado elogios 0 · Vistas 156

Supongo que te gusta

Origin blog.csdn.net/yjj510818155/article/details/104815139
Recomendado
Clasificación