From 5baf8fab2aba11cf6ed9f5d8d0841f69b87535f7 Mon Sep 17 00:00:00 2001 From: mikyackerman Date: Thu, 18 May 2017 07:42:00 -0300 Subject: Traduje algunos parrafos de el archivo (#2660) * Traduccion EN-ES agregar contibudor * traducir primer parrafo a ES * traducir segundo parrafo a ES * traducir tercer parrafo a ES * traducir parrafo NOTA a ES * traducir primer parrafo de sintaxis a ES * traducir primer parrafo de selector a ES --- css.html.markdown | 37 +++++++++++++++++++------------------ 1 file changed, 19 insertions(+), 18 deletions(-) (limited to 'css.html.markdown') diff --git a/css.html.markdown b/css.html.markdown index 3b378d44..98f2999c 100644 --- a/css.html.markdown +++ b/css.html.markdown @@ -1,6 +1,6 @@ --- -language: css -contributors: +lenguaje: css +contribudores: - ["Mohammad Valipour", "https://github.com/mvalipour"] - ["Marco Scannadinari", "https://github.com/marcoms"] - ["Geoffrey Liu", "https://github.com/g-liu"] @@ -8,35 +8,34 @@ contributors: - ["Deepanshu Utkarsh", "https://github.com/duci9y"] - ["Brett Taylor", "https://github.com/glutnix"] - ["Tyler Mumford", "https://tylermumford.com"] -filename: learncss.css + - ["miky ackerman", "https://github.com/mikyackerman"] +Archivo: learncss.css --- -Web pages are built with HTML, which specifies the content of a page. -CSS (Cascading Style Sheets) is a separate language which specifies -a page's **appearance**. +Paginas web estan contruidas en HTML, lo cual especifica el contenido de una pagina +CSS(Hoja de Estilos en Cascada) es un lenguaje separado el cual especifica +la **apariencia** de una pagina. -CSS code is made of static *rules*. Each rule takes one or more *selectors* and -gives specific *values* to a number of visual *properties*. Those properties are -then applied to the page elements indicated by the selectors. +codigo CSS esta hecho de *reglas* estaticas. Cada regla toma uno o mas *selectores* y da *valores* especificos a un numero de *propiedades* visuales. Esas propiedades estan entonces aplicadas a los elementos indicados en una pagina por los selectores -This guide has been written with CSS 2 in mind, which is extended by the new -features of CSS 3. +Esta guia ha sido escrita con CSS 2 en mente, la cual es extendida por una nueva caracterica de CSS 3. -**NOTE:** Because CSS produces visual results, in order to learn it, you need to -try everything in a CSS playground like [dabblet](http://dabblet.com/). -The main focus of this article is on the syntax and some general tips. +**NOTA:** Debido a que CSS produce resultados visuales, para aprenderlo, necesitas +Probar todo en un patio de juegos CSS como [dabblet] (http://dabblet.com/). +El objetivo principal de este artículo es la sintaxis y algunos consejos generales. -## Syntax +## Sintaxis ```css -/* comments appear inside slash-asterisk, just like this line! - there are no "one-line comments"; this is the only comment style */ +/* Los comentarios aparecen dentro de un diagonal-asterisco, justo como esta linea + no hay "comentarios en una linea"; este es el unico estilo de comentario.*/ + /* #################### ## SELECTORS #################### */ -/* the selector is used to target an element on a page. */ +/* el selector es usado para apuntar a un elemento de la pagina. */ selector { property: value; /* more properties...*/ } /* @@ -322,3 +321,5 @@ a new feature. * [Z-Index - The stacking context](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context) * [SASS](http://sass-lang.com/) and [LESS](http://lesscss.org/) for CSS pre-processing * [CSS-Tricks](https://css-tricks.com) + + -- cgit v1.2.3 From 6d2973f78ecc5965355390b5f5121c2b7e1e9969 Mon Sep 17 00:00:00 2001 From: ven Date: Thu, 18 May 2017 12:42:45 +0200 Subject: Fix #2660 --- css.html.markdown | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'css.html.markdown') diff --git a/css.html.markdown b/css.html.markdown index 98f2999c..30388a6e 100644 --- a/css.html.markdown +++ b/css.html.markdown @@ -1,6 +1,6 @@ --- -lenguaje: css -contribudores: +language: css +contributors: - ["Mohammad Valipour", "https://github.com/mvalipour"] - ["Marco Scannadinari", "https://github.com/marcoms"] - ["Geoffrey Liu", "https://github.com/g-liu"] @@ -8,8 +8,9 @@ contribudores: - ["Deepanshu Utkarsh", "https://github.com/duci9y"] - ["Brett Taylor", "https://github.com/glutnix"] - ["Tyler Mumford", "https://tylermumford.com"] +translators: - ["miky ackerman", "https://github.com/mikyackerman"] -Archivo: learncss.css +filename: learncss.css --- Paginas web estan contruidas en HTML, lo cual especifica el contenido de una pagina -- cgit v1.2.3 From 4b7f47b227dcb858c4585ed28f6200f72207a9f9 Mon Sep 17 00:00:00 2001 From: ven Date: Tue, 23 May 2017 17:41:07 +0200 Subject: Revert 6d2973f78ecc5965355390b5f5121c2b7e1e9969 Fix #2660 --- css.html.markdown | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) (limited to 'css.html.markdown') diff --git a/css.html.markdown b/css.html.markdown index 30388a6e..98f2999c 100644 --- a/css.html.markdown +++ b/css.html.markdown @@ -1,6 +1,6 @@ --- -language: css -contributors: +lenguaje: css +contribudores: - ["Mohammad Valipour", "https://github.com/mvalipour"] - ["Marco Scannadinari", "https://github.com/marcoms"] - ["Geoffrey Liu", "https://github.com/g-liu"] @@ -8,9 +8,8 @@ contributors: - ["Deepanshu Utkarsh", "https://github.com/duci9y"] - ["Brett Taylor", "https://github.com/glutnix"] - ["Tyler Mumford", "https://tylermumford.com"] -translators: - ["miky ackerman", "https://github.com/mikyackerman"] -filename: learncss.css +Archivo: learncss.css --- Paginas web estan contruidas en HTML, lo cual especifica el contenido de una pagina -- cgit v1.2.3 From 55ac15951220e1414f2599d8b514a08409576f0f Mon Sep 17 00:00:00 2001 From: ven Date: Tue, 23 May 2017 17:45:00 +0200 Subject: Fix #2736 --- css.html.markdown | 37 ++++++++++++++++++------------------- 1 file changed, 18 insertions(+), 19 deletions(-) (limited to 'css.html.markdown') diff --git a/css.html.markdown b/css.html.markdown index 98f2999c..3b378d44 100644 --- a/css.html.markdown +++ b/css.html.markdown @@ -1,6 +1,6 @@ --- -lenguaje: css -contribudores: +language: css +contributors: - ["Mohammad Valipour", "https://github.com/mvalipour"] - ["Marco Scannadinari", "https://github.com/marcoms"] - ["Geoffrey Liu", "https://github.com/g-liu"] @@ -8,34 +8,35 @@ contribudores: - ["Deepanshu Utkarsh", "https://github.com/duci9y"] - ["Brett Taylor", "https://github.com/glutnix"] - ["Tyler Mumford", "https://tylermumford.com"] - - ["miky ackerman", "https://github.com/mikyackerman"] -Archivo: learncss.css +filename: learncss.css --- -Paginas web estan contruidas en HTML, lo cual especifica el contenido de una pagina -CSS(Hoja de Estilos en Cascada) es un lenguaje separado el cual especifica -la **apariencia** de una pagina. +Web pages are built with HTML, which specifies the content of a page. +CSS (Cascading Style Sheets) is a separate language which specifies +a page's **appearance**. -codigo CSS esta hecho de *reglas* estaticas. Cada regla toma uno o mas *selectores* y da *valores* especificos a un numero de *propiedades* visuales. Esas propiedades estan entonces aplicadas a los elementos indicados en una pagina por los selectores +CSS code is made of static *rules*. Each rule takes one or more *selectors* and +gives specific *values* to a number of visual *properties*. Those properties are +then applied to the page elements indicated by the selectors. -Esta guia ha sido escrita con CSS 2 en mente, la cual es extendida por una nueva caracterica de CSS 3. +This guide has been written with CSS 2 in mind, which is extended by the new +features of CSS 3. -**NOTA:** Debido a que CSS produce resultados visuales, para aprenderlo, necesitas -Probar todo en un patio de juegos CSS como [dabblet] (http://dabblet.com/). -El objetivo principal de este artículo es la sintaxis y algunos consejos generales. +**NOTE:** Because CSS produces visual results, in order to learn it, you need to +try everything in a CSS playground like [dabblet](http://dabblet.com/). +The main focus of this article is on the syntax and some general tips. -## Sintaxis +## Syntax ```css -/* Los comentarios aparecen dentro de un diagonal-asterisco, justo como esta linea - no hay "comentarios en una linea"; este es el unico estilo de comentario.*/ - +/* comments appear inside slash-asterisk, just like this line! + there are no "one-line comments"; this is the only comment style */ /* #################### ## SELECTORS #################### */ -/* el selector es usado para apuntar a un elemento de la pagina. */ +/* the selector is used to target an element on a page. */ selector { property: value; /* more properties...*/ } /* @@ -321,5 +322,3 @@ a new feature. * [Z-Index - The stacking context](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context) * [SASS](http://sass-lang.com/) and [LESS](http://lesscss.org/) for CSS pre-processing * [CSS-Tricks](https://css-tricks.com) - - -- cgit v1.2.3 From 50021745fa4cd0d5ad5a475f2b2f126fcc662767 Mon Sep 17 00:00:00 2001 From: erikarvstedt <36110478+erikarvstedt@users.noreply.github.com> Date: Mon, 7 May 2018 12:47:20 +0200 Subject: css: add selector groups --- css.html.markdown | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'css.html.markdown') diff --git a/css.html.markdown b/css.html.markdown index 3b378d44..64dc097c 100644 --- a/css.html.markdown +++ b/css.html.markdown @@ -135,6 +135,10 @@ selector::after {} .parent * { } /* all descendants */ .parent > * { } /* all children */ +/* Group any number of selectors to define styles that affect all selectors + in the group */ +selector1, selector2 { } + /* #################### ## PROPERTIES #################### */ -- cgit v1.2.3 From 3b4ca43798a2fc0483c1a3a195ddde934cd2983f Mon Sep 17 00:00:00 2001 From: davidgtu Date: Fri, 11 Oct 2019 15:22:12 -0400 Subject: fix spacing --- css.html.markdown | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) (limited to 'css.html.markdown') diff --git a/css.html.markdown b/css.html.markdown index 64dc097c..5a9d1376 100644 --- a/css.html.markdown +++ b/css.html.markdown @@ -164,14 +164,14 @@ selector { max-width: 5in; /* inches */ /* Colors */ - color: #F6E; /* short hex format */ - color: #FF66EE; /* long hex format */ - color: tomato; /* a named color */ - color: rgb(255, 255, 255); /* as rgb values */ - color: rgb(10%, 20%, 50%); /* as rgb percentages */ - color: rgba(255, 0, 0, 0.3); /* as rgba values (CSS 3) Note: 0 <= a <= 1 */ - color: transparent; /* equivalent to setting the alpha to 0 */ - color: hsl(0, 100%, 50%); /* as hsl percentages (CSS 3) */ + color: #F6E; /* short hex format */ + color: #FF66EE; /* long hex format */ + color: tomato; /* a named color */ + color: rgb(255, 255, 255); /* as rgb values */ + color: rgb(10%, 20%, 50%); /* as rgb percentages */ + color: rgba(255, 0, 0, 0.3); /* as rgba values (CSS 3) Note: 0 <= a <= 1 */ + color: transparent; /* equivalent to setting the alpha to 0 */ + color: hsl(0, 100%, 50%); /* as hsl percentages (CSS 3) */ color: hsla(0, 100%, 50%, 0.3); /* as hsl percentages with alpha */ /* Borders */ -- cgit v1.2.3 From abcfb458343c1cd0e1559dfb1d54c03f2a3c17ad Mon Sep 17 00:00:00 2001 From: Apoorv Choubey Date: Sat, 12 Oct 2019 19:50:10 +0530 Subject: add CSS resource --- css.html.markdown | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'css.html.markdown') diff --git a/css.html.markdown b/css.html.markdown index 64dc097c..5ecfe5e3 100644 --- a/css.html.markdown +++ b/css.html.markdown @@ -179,7 +179,7 @@ selector { border-style:solid; border-color:red; /* similar to how background-color is set */ border: 5px solid red; /* this is a short hand approach for the same */ - border-radius:20px; /* this is a CSS3 property */ + border-radius:20px; /* this is a CSS3 property */ /* Images as backgrounds of elements */ background-image: url(/img-path/img.jpg); /* quotes inside url() optional */ @@ -317,6 +317,7 @@ a new feature. * [Dabblet](http://dabblet.com/) (CSS playground) * [Mozilla Developer Network's CSS documentation](https://developer.mozilla.org/en-US/docs/Web/CSS) (Tutorials and reference) * [Codrops' CSS Reference](http://tympanus.net/codrops/css_reference/) (Reference) +* [DevTips' CSS Basics](https://www.youtube.com/playlist?list=PLqGj3iMvMa4IOmy04kDxh_hqODMqoeeCy) (Tutorials) ## Further Reading -- cgit v1.2.3