Diferencias

Muestra las diferencias entre dos versiones de la página.

--- informatica:diseno_web:css [2021/08/24 09:40] – creado tempwin
+++ informatica:diseno_web:css [2021/08/24 09:52] (actual) – [user-select] tempwin
@@ Línea 5: / Línea 5: @@
 CSS permite aplicar estilos de manera selectiva a elementos en documentos HTML. Por ejemplo, para seleccionar todos los elementos de párrafo en una página HTML y volver el texto dentro de ellos de color rojo, has de escribir este CSS:
-<code css
+<code css>
 p {
     color: red;
 }
 </code>
+===== Anatomía de una regla CSS =====
+La siguiente declaración sirve para ilustrar las partes de una regla CSS:
+<code css>
+p {
+    color: red;
+}
+</code>
+  * ''p'': selector
+  * ''color'': propiedad
+  * ''red'': valor
+{{ :informatica:diseno_web:css:css-regla.png?nolink |}}
+===== Propiedades =====
+==== user-select ====
+Especifica si el texto de un elemento puede ser seleccionado
+  * CSS3
+<code css>
+p {
+  -webkit-user-select: none; /* Safari */
+  -ms-user-select: none; /* IE 10 and IE 11 */
+  user-select: none; /* Standard syntax */
+}
+</code>
+Ejemplo:
+<code html>
+<div style="user-select: none;">
+Este texto no se puede seleccionar. Haciendo doble clic, tampoco se resaltará
+</div>
+</code>
+===== Recursos =====
+  * [[https://developer.mozilla.org/es/docs/Web/CSS|Tutoriales CSS]] de la MDN (Mozilla Development Network)
+  * [[https://www.w3schools.com/css/|Tutorial CSS]] de W3Schools