Concepto de Css
*CSS
(CSS= Cascading Style Sheet)Por sus siglas al español (Hoja de Estilo en Cascada) Es un lenguaje de programación utilizado para diseñar paginas web con HTML de forma externa. La extencion del archivo CSS es .css
-uso
Se utiliza para diseñar paginas web con HTML, definiendo como van los parrafos, el diseño que lleva y los bordes que desees.
-definicion
Es un lenguaje para agregar estilo al sitio web, como colores, bordes, margenes, posiciones de texto, entre otras cosas de forma externa, este archivo se comúnmente se guarda en la misma carpeta del archivo HTML que se utiliza para este.
-significado de siglas
El significado de las siglas de CSS es (CSS= Cascading Style Sheet) en español significa Hoja de Estilo en Cascada.
*<style>
El elemento de cabecera <style> es utiliza para dar estilo en un sitio o pagina web HTML de forma interna
Ej:
*atributo en CSS
Los atributos en CSS se utilizan para identificar o llamar uno o varios elementos al que se le aplico el atributo
[href] El atributo href existe en la etiqueta.
[href="#"] El atributo href existe y su valor es igual al texto #.
[href\*="emezeta"] El atributo href existe y su valor contiene el texto emezeta.
[href^="https://"] El atributo href existe y su valor comienza por https://.
[href$=".pdf"] El atributo href existe y su valor termina por .pdf (es un enlace a un PDF).
[class~="emezeta"] El atributo class contiene una lista de valores, que contiene emezeta.
[lang|="es"] El atributo lang contiene una lista de valores, donde alguno empieza por es-.
*atributo ID en CSS
El atributo ID se utiliza para identificar un elemento, pero que en css para identificarse cambia, en caso de que pongas (<p id="example">) en css deberia de ponerse
#example para identificarse
*atributo Class CSS
El atributo CLASS es parecido y hace la misma funcion que el ID pero que a la hora de identificarse cambia, en vez de ser #example vendria siendo .example
Ej:
*¿Cuál es el codigo de HTML correcto para referirse a una hoja de estilo externa?
el codigo que se utiliza para esta accion es link rel="stylesheet" href="example.css" este hace que el archivo busque el nombre del archivo en la misma carpeta con la extension CSS.
*¿Qué etiqueta HTML se utiliza para definir una hoja de estilo interna?
el codigo que se utiliza para esta accion es <style> este hace que el archivo automaticamente cree el diseño dentro de esta etiqueta, los codigoa funcionan igual que en la hoja externa.
*¿Cuál es el codigo de HTML correcto usar CSS en linea de codigo?
El codigo utilizado para esta accion es el atributo style dentro de una etiqueta html y se usa de forma corrida
Ej:
*¿Como se inserta un comentario en Css?
Para insertar un comentario en css se utiliza el siguiente Codigo
(/* Comment */) este se utiliza para dar comnetario sin interrumpir los codigos
*¿Cual es la propiedad de CSS, que permite cambiar el color de fondo?
En CSS el codigo utilizado para cambiar el color fondo del sitio o pagina web se utiliza la propiedad
(background-color:"white")
*¿Cual es la propiedad de css que es usada para cambiar el color de un elemento?
En CSS el codigo utilizado para cambiar el color de un elemento es la propiedad (color:"Blue") este se utiliza para cambiar el color de un elemento mencionado en css.
*¿Que propiedad de CSS controla el tamaño del texto?
La propiedad utilizada en css para controlar en tamaño en un sitio web o pagina web es la propiedad (font-size), mientras mas pixeles (px) mas grande, tambien se puede medir en porcentaje(%)
*¿Cual es la sintaxsis correcta de CSS para asignar negritas a todas la etiquetas P de un archivo HTML?
En una pagina html o sitio web html con css se utiliza el siguiente codigo para poder asignar negritas a las etiquetas (<p>)
p {
font-weight:bold;
}
¿Cual propiedad es usada para cambiar tipo de letra en un texto, de cualquier tipo de HTML, con CSS?
La propiedad utilizada para esta accion en una pagina o sitio web html con css externa y interna es la siguiente:
font-family
La sintaxis adecuada para este es
Ej:
p {
font-family:Arial;
}
¿Como se puede hacer en Css, para poner un texto en negritas?
Para colocar negrias en un documento html con css depende de la etiqueta que colques o que vayas a utilizar, la mas comun es la etiqueta <p>
Ej:
p{
font-weight:bold;
}
Esa es la sintaxis correcta para utilizar, eso depende de la etiquet aque utilizes.
Para colocar una margen izquierdo en una pagina o sitio web html con css se utiliza la siguiente propiedad en css
Ej:
En este caso utilizare la etiqueta (p)
p{
margin-left:30px;
}
¿Cual seria la forma de colocar cuadrados en vez de círculos en una lista no ordenada mediante CSS?
Para colocar cuados en una lista no ordenada en un documento html con css se utiliza el siguiente codigo, con la sintaxis correcta.
Ej:
ul{
list-style-type:square;
}
¿Cuál sería el código para seleccionar(solo afectar) solo a las etiquetas “p” dentro de una etiqueta “div” dentro de un archivo de html?
La sintaxis correcta o el codigo correcto para seleccionar o solo afectar las etiquetas p dentro de un div dentro de un archivo html en css es
div p {
background-color: aqua
}
¿Cuál es una de las propiedades que se utilizan para generar espacio alrededor de contenido de un elemento, en el interior de cualquier fronteras definidas en CSS?
Una de las propiedades que se utilizan para generar espacio alrededor de contenido de un elemento, en el interior de culquier frontera definida en css es la siguiente propiedad:
Paddding
div {
padding-top:140px;
border:1px solid #4CAF50;
}
¿Cuál es una de las propiedades que se utilizan para generar una línea que se dibuja alrededor de los elementos, fuera de las fronteras, para hacer que el elemento "destaque". Mediante CSS?
una de las propiedades que se utilizan para generar una línea que se dibuja alrededor de los elementos, fuera de las fronteras, para hacer que el elemento "destaque". Mediante CSS es
border-style
p {
border-style:dashed;
}
¿Cuál es una de las propiedades que se utilizan para manipular el estilo de cuando el cursor del mouse pasa por encima. Mediante CSS?
Una de las propiedades que se utilizan para manipular el estilo de cuando el cursor del mouse pasa por encima. Mediante CSS es:
(cursor)
p {
cursor: crosshair;
}
Uso de la propiedad Inline
La propiedad inline sirve para hacer diseño web en linea, se utiliza mas para organizar una menu o hacer accesos rapidos a tu pagina web o sitio web
Inline-block
es para mostrar los elementos de la lista horizontalmente en lugar de verticalmente. El siguiente ejemplo crea enlaces de navegación horizontales:
Ej:
Comentarios
Publicar un comentario