Grab the Web, with GrabzIt's Screenshot and Screen Scraper Services Hojas de estilo en documentos HTML Nota: Este documento es parte de una traducción al castellano de la Recomendación del W3C "HTML 4.01 Specification" (más información). Puede consultar la versión original del mismo. Para cualquier comentario o corrección acerca de la traducción póngase en contacto con el traductor en email@example.com. Gracias por su colaboración. Véase el Aviso de copyright de la traducción. 14.1 Introducción a las hojas de estilo Las hojas de estilo representan un avance importante para los diseñadores de páginas web, al darles un mayor rango de posibilidades para mejorar la apariencia de sus páginas. La utilización de extensiones propietarias del HTML Conversión del texto en imágenes Utilización de imágenes para controlar el espacio en blanco La utilización de tablas para la organización de las páginas Escribir programas en lugar de usar HTML Las hojas de estilo resuelven estos problemas al mismo tiempo que reemplazan al limitado rango de mecanismos de presentación del HTML. <! Cascada Nota. . . común.
Google+ Adds Content Recommendations For Mobile Websites Website owners with a Google+ page will soon be able to add content recommendations to the user experience on their mobile websites. Google just announced the new feature today, which blends both Google+ activity (such as +1s and shares) and search authorship to determine the best related content to show to users as they browse mobile website content. Readers will see recommendations whether they’re signed in to a Google account or not. The feature works for iOS and Android, for the Android browser, Chrome and Safari. There’s a video on that Google blog post that shows best how it works, but that video is inexplicably not on YouTube and doesn’t appear to be easily embeddable. You can see it in action now by reading any Forbes.com article on your mobile device; and here’s a screenshot showing the recommendation in action: Here’s how Google explains the feature on the content recommendations developer page: This feature is being rolled out now.
Box-shadow, one of CSS3′s best new features Home / CSS3 Previews / Box-shadow, one of CSS3’s best new features The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset. Browser support is growing of late with Mozilla (Firefox), Webkit (Safari/Chrome/Konqueror), Opera and the IE9 Platform Preview all offering a decent implementation of the spec, although Mozilla and Webkit still require their respective -moz- and -webkit- prefixes (note Mozilla Firefox 4.0+ no longer requires the -moz- prefix). Here’s a basic example: Firefox, Safari/Chrome, Opera and IE9 users should see a grey fading shadow under this box. In theory, the code for this is straightforward: But for the moment, as with many other ‘experimental’ CSS3 properties, you’ll need to use the following prefixes to support Mozilla and Webkit: How it Works The Syntax: box-shadow: none | [ , ]* = inset? Examples: Creating a basic drop shadow Layering multiple shadows Example:
Krumo: Version 2.0 of print_r(); and var_dump(); Border Radius: CSS Rounded Corners Without Images Rounded corner effects to the blocks in HTML structure enhance the beauty of blogs and we have achieved this effect by using corner images in the past, but the CSS3 border-radius property allows web developers to easily utilize rounder corners in their design elements, without the need for corner images or the use of multiple div tags, and is perhaps one of the most talked about aspects of CSS3. I am going to write CSS rounded corner tutorial to understand “border-radius” property of W3C along with the concept of CSS browser extensions. Let’s start with a very basic example, Border Radius Example 1 Let’s write a html code, and style it with “border-radius” to generate a block with rounded corners. Output You have noticed “border-radius” property and browser specific extension of Mozilla Firefox in the style code. CSS Rounded Corners Without Images Border Radius Detail Rounder corners can be created independently using the four individual border i.e Syntax Examples Border Radius Example 2