NEW
Font size
WorksheetsCSS
Total questions: 30
Worksheet time: 32mins
¿Qué significa CSS?
Hojas en cascada con estilo
Estilo de hojas en cascada
Hojas de estilo en cascada
¿Para que se utiliza el CSS?
Para que se vea bonita una aplicación.
solo se utiliza para animar elementos de una pagina web.
Se utiliza para organizar la presentación y aspecto de una página web.
¿Con cuál de los siguientes llamados se hace una referencia a una hoja de estilo externa?
<link rel=stylesheet type=text/css href=style.css />
link rel="styleshet" type="text/css" href="style.css">
ink rel="stylesheet" type="text/css" href="style.css" />
<link rel=stylesheet type=text/css href=style.css>
En CSS, para cambiar el color de fondo de un elemento se usa
Color
Backcolor
background-color
Para insertar una imagen en el index.html, debo usar la siguiente codificación:
<img src=logo.jpg>
<img src=" logo" />
<img sc="logo.gif´ alt="Texto" >
<img src="logo.png" alt="Texto" />
El valor de este atributo no puede ser duplicado, debe ser único en todo el documento.
Class
Memoria
Etiqueta
ID
Atributo de la etiqueta <audio> y <video> que si no se encuentra el usuario no tendrá manera de manejar la reproducción del elemento.
Width
Source
Src
controls
¿En dónde se utiliza la etiqueta <tr>?
Salto
Negrita
Opciones
Tabla
Usados para el desarrollo de sistemas web
HTML5, CSS3, JavaScript, PHP
C, Lenguaje ensamblador
UML
Ruby, Python, Java
CSS es un lenguaje para crear páginas web
verdadero
falso
CSS permite controlar el diseño de varias páginas a la vez
verdadero
falso
Propiedad que permite determinar un borde alrededor de un elemento HTML
Margin
Padding
Float
border
Espacio libre entre el contenido y el borde una caja
Margin
Border
Content
Padding
En HTML existe el atributo ‘class’. En relación con los estilos CSS ¿para qué crees que sirve?
Para indicar la clase de estilo que vamos a aplicar al elemento/etiqueta HTML que lleva ese atributo: en línea, hoja interna o externa
Para aplicar unos estilos específicos (que se definen en una hoja CSS interna o externa) a los elementos que tenga la misma clase, es decir, el mismo valor en ese atributo.
Realmente se utiliza para clasificar el tipo de enlace ('a') que estamos definiendo: vínculo interno o a una página en nuestro mismo dominio o a un sitio web externo
¿Cuál es la forma más eficiente de aplicar estilos CSS en un documento HTML?
En línea
Incrustado en la cabecera (Hoja de estilo interna)
Mediante PHP
Hojas de estilo externas
¿Cómo se define un color de fondo para todas las etiquetas "p" en CSS?
p.all {background-color:red;}
#p {background-color:red;}
.p {background-color:red;}
p {background-color:red;}
¿Qué propiedad se emplea para cambiar el tipo de letra de un elemento?
text-type
text-family
font-type
font-family
En el siguiente código la etiqueta h1 tiene que tener un fondo color verde
h1 { background,color: green; }
h1 { background: green; }
h1 { background-color: green; }
h1 { background: red; }
Cual etiqueta se utiliza para agregar código CSS en el encabezado del documento HTML
<head></head>
<css></css>
<style></style>
HTML
Utilice la propiedad abreviada border para establecer un borde "4px", "punteado", "rojo" para los elementos <p>.
<style> p {border: 4px dotted red } </style>
<style> p {border: 4px dashed } </style>
<style> p {border 4px red doted} </style>
<style> p {border: 4px blue dotted} </style>
Use la propiedad de border correcta para establecer el borde IZQUIERDO en "punteado".
<style> p { border-left-style: dotted; } </style>
<style> p { border-: dassed; } </style>
<style> p { border-: dotted; } </style>
<style> p { border-left dotted; } </style>
Use la propiedad de border correcta para establecer el borde arriba en "punteado".
<style> p { border-top-style: dotted; } </style>
<style> p { border-: dassed; } </style>
<style> p { border-bottom-style: dotted; } </style>
<style> p { border-left dotted; } </style>
Use la propiedad de border correcta para establecer el borde abajo en "punteado".
<style> p { border-top-style: dotted; } </style>
<style> p { border-: dassed; } </style>
<style> p { border-bottom-style: dotted; } </style>
<style> p { border-bottom dotted; } </style>
Agregar un margen izquierdo de 20 píxeles al elemento <h1>.
<style> h1 { margin-right: 20px; } </style>
<style> h1 { margin-top: 20px; } </style>
<style> h1 { margin-left: 20px; } </style>
<style> h1 { margin-bottom: 20px; } </style>
Agregar al elemento h1 los siguientes márgenes:
left: 10px
right: 15px
top: 20px
bottom: 25px
<style> h1 { margin: 10px 15px 20px 25px; } </style>
<style> h1 { margin: 25px 15px 20px 10px; } </style>
<style> h1 { margin: 25px 20px 15px 10px; } </style>
<style> h1 { margin: 20px 15px 25px 10px; } </style>
Use la propiedad de margen para alinear al centro el elemento <h1>.
<style> h1 { padding:top ; } </style>
<style> h1 { padding:center ; } </style>
<style> h1 { margin:center ; } </style>
<style> h1 { margin:top ; } </style>
Establezca el relleno superior del elemento <h1> en 30 píxeles.
<style> h1 { marging-bottom: 30px; } </style>
<style> h1 { padding-bottom: 30px; } </style>
<style> h1 { marging-top: 30px; } </style>
<style> h1 { padding-top: 30px; } </style>
Establezca el ancho del elemento <div> en "200px".
<style> div{ heigth,200px ; } </style>
<style> div{ width:200px ; } </style>
<style> div{ width,200px ; } </style>
<style> div{ heigth:200px ; } </style>
carácter que se utiliza en CSS para seleccionar una clase
.class
#class
,class
:class
carácter que se utiliza en CSS para seleccionar un ID
.ID
#ID
,ID
:ID
