Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Practica 2

    Cargado por

    Alexander Coro Equice
    3 vistas5 páginas

    Título original

    PRACTICA 2

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    3 vistas5 páginas

    Practica 2

    Cargado por

    Alexander Coro Equice

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 5

    Universidad Autónoma “Tomas Frías”

    1 <!DOCTYPE html>
    2 <html> Carrera de Ingeniería de Sistemas
    3 <head>
    4 Diseño
    <link rel="stylesheet" y Programación Grafica
    href="stylesheet.css">
    5 </head>
    6 <body> SIS - 313
    7 <h1> Esto es un encabezado </h1>
    Univ. 8
    Alexander <p>Esto
    Coro es un párrafo</p>
    Equice PRACTICA Nº2 C.I. 10460088
    9 </body>
    10 </html>
    DOCENTE: AUXILIAR: Fecha:
    Ing. Martín Sandy Rivera Univ. Noemi Isabel Calizaya Uño Potosí 25 - abril - 2022

    1.- ¿Qué es CSS?


    CSS (en inglés Cascading Style Sheets) es lo que se denomina lenguaje de hojas de estilo en
    cascada y se usa para estilizar elementos escritos en un lenguaje de marcado como HTML. CSS
    separa el contenido de la representación visual del sitio.
    2.- Describa las tres maneras de agregar CSS a documentos HTML y dé un ejemplo de
    cada uno.
    Incluir CSS: estilo inline
    Con este método, las instrucciones de diseño se integran directamente en el código fuente
    mediante una etiqueta de estilo. Las propiedades deseadas solo se asignan a un elemento, de
    modo que es posible realizar diseños diferentes en todo el documento HTML.

    1 <h1 style="color:blue; font-size:14px;">Esto es un encabezado</h1>

    Añadir CSS al principio del HTML


    En este caso, se incluye el CSS en la cabecera del documento HTML. La etiqueta de estilo se
    convierte así en parte del elemento de cabecera y se aplica a todo el archivo. Las instrucciones
    de diseño están contenidas en el documento, pero están separadas del código HTML.
    1 <!DOCTYPE html>
    2 <html>
    3 <head>
    4 <style>
    5 h1 {color:blue; font-size:14px;}
    6 </style>
    7 </head>
    8 <body>
    9 <h1> Esto es un encabezado </h1>
    10 <p>Esto es un párrafo</p>
    11 </body>
    12 </html>

    Integrar el CSS con un archivo externo


    Este es posiblemente el mejor método para enlazar CSS en HTML. Un sitio web suele constar de
    muchas páginas, por lo que tiene sentido guardar las instrucciones de diseño en un archivo
    separado. Esto permite una separación limpia entre el contenido y el diseño y facilita el
    mantenimiento. El archivo exportado está simplemente vinculado al documento HTML. Se guarda
    la hoja de estilos externa con la extensión .css y luego se utiliza una etiqueta de enlace para
    incluirla en el archivo HTML.
    El atributo rel define el tipo de relación lógica y href hace referencia al archivo CSS que se va a
    incrustar. Ten en cuenta que el elemento link puede tomar otros atributos. Con media = "print"
    específicas, por ejemplo, que la hoja de estilos solo se utiliza en la vista de impresión. La hoja de
    estilos externa no contiene ninguna etiqueta HTML, solo el selector respectivo y los corchetes con
    las instrucciones.
    1 H1 {
    2 color: blue;
    3 font-size:14px;
    4 }

    Ejemplifique y describa la sintaxis CSS.


    La meta básica del lenguaje Cascading Stylesheet (CSS) es permitir al motor del navegador
    pintar elementos de la página con características específicas, como colores, posición o
    decoración. La sintaxis CSS refleja estas metas y estos son los bloques básicos de construcción.
    La propiedad que es un identificador, un nombre leíble por humanos, que define qué
    característica es considerada.
    El valor que describe como las características deben ser manejadas por el motor. Cada propiedad
    tiene un conjunto de valores válidos, definido por una gramática formal, así como un significado
    semántico, implementados por el motor del navegador.

    5.- ¿Qué es un selector de CSS?


    Un selector CSS es la primera parte de una regla CSS. Es un patrón de elementos y otros
    términos que indican al navegador qué elementos HTML se seleccionan para aplicarles una regla
    que incluye los valores de las propiedades CSS. Los elementos seleccionados por el selector se
    denominan sujeto del selector.
    6.- Los selectores de CSS en cuántas categorías se divide.
    Los selectores se dividen en las siguientes categorías:
    Selectores simples: Seleccionan los elementos por el nombre del tipo de elemento, class o su
    id.
    Selectores de atributos: Seleccionan los elementos por los valores de sus atributos.
    Pseudoclases: Seleccionan los elementos por el estado en que se encuentran, cómo haber
    aparecido al pasar el ratón, o deshabilitado o seleccionado, o por ser el primer hijo de su padre en
    el árbol DOM. Las pseudoclases se definen añadiendo dos puntos antes de la pseudoclase
    concreta. En el caso de existir selectores de etiqueta, id o clases, estas se escribirían a su
    izquierda.
    Pseudoelementos: Selecciona los elementos por su situación en relación a otro elemento, por
    ejemplo: la primera palabra de cada párrafo, o el contenido que se encuentra justo después de un
    elemento. De vez en cuando se utilizan dos puntos dobles (::) en vez de solo uno (:), esto forma
    parte de CSS3 y de un intento para distinguir pseudoelementos de pseudoclases.
    Combinadores: No son en sí mismos selectores, sino formas de combinar dos o más selectores
    de forma práctica para una selección especial. Por ejemplo, se pueden seleccionar párrafos que
    sean descendientes de divs, o párrafos situados justo después de títulos.
    Selectores múltiples: Tampoco son selectores en sí mismos; se pueden agrupar múltiples
    selectores en la misma regla CSS separados por comas, para aplicarlos a una de las
    declaraciones o a todos los elementos seleccionados por estos selectores.
    8.- ¿El selector universal y el selector de agrupación CSS pertenecen a los selectores
    simples?
    Si
    9.- Especifique los selectores simples y ejemplifique cada uno.
    Selector universal
    Se utiliza para seleccionar todos los elementos de la página.

    Selector de tipo o etiqueta


    Selecciona todos los elementos de la página cuya etiqueta HTML coincide con el valor del
    selector.

    Selector de clase
    Sirve para dar estilo sólo a determinados elementos marcados con el atributo class y la clase
    definida.

    Selectores de ID
    Iguales que los anteriores, pero para elementos marcados con el atributo id. Este se utiliza para
    marcar un elemento único.

    Selector descendente
    de otros elementos. Un elemento es descendiente de otro cuando se encuentra entre las
    etiquetas de apertura y de cierre del otro elemento.

    También podría gustarte