![]() |
|
HTML/CSS
Apprenez à créer votre site web !
Ce cours vous plaît ? Si vous avez aimé ce cours, vous pouvez retrouver le livre " Réalisez votre site web avec HTML5 et CSS3 " du même auteur, en vente sur le Site du Zéro , en librairie et dans les boutiques en ligne . Vous y trouverez ce cours adapté au format papier avec une série de chapitres inédits.
En effet, nous utiliserons le HTML Strict pour le contenu, et le CSS pour la forme. À qui s'adresse ce tutoriel ? Aucune connaissance préalable n'est requise : si c'est la première fois que vous apprenez le HTML, vous l'apprendrez correctement, sans les balises désuètes et en s'efforçant directement à séparer le contenu et la forme de votre site, vous évitant ainsi un "second apprentissage" plus tard. À ceux qui veulent apprendre comment créer des sites internet : je vais vous apprendre tout de suite la meilleure méthode de le faire.
Introduction - Tutoriel HTML & CSS
Une petite histoire de la création de CSS, et les raisons pour lesquelles il est judicieux de préférer CSS à HTML pour la disposition et la présentation. Leçon 2 : Comment CSS fonctionne-t-il ? Leçon 1 : Qu'est-ce que CSS ?
Tutoriel CSS - Table des matières | Tutoriel CSS | HTML.net
CSS - HTML
I have had many requests for curverd corvers without images that are more than 1 pixel wide. So here is an example of a 3 pixel border with curved corners using just CSS with no images. With the small addition of a pointer it can be made into a speech bubble of sorts. The only problem with this is that the curves are 'chunky' so colors must be used with care. Information Oh, and also IE5.x and IE6 do not understand transparent borders (used in the pointer) so the speech bubble can only be used on a plain background for these browser and it will have a solid color rather than the perfectly formed pointer you will see in Firefox, IE7, Opera etc..
Stu Nicholls | CSSplay | Chunky borders with curved corners
Con los mapas de desplazamientos se pueden hacer una gran cantidad de efectos interesantes, pero la complejidad del mapa afecta directamente al tamaño del código HTML y CSS. Encontrar un ejemplo apropiado cuya tamaño de código no fuese muy grande pero que produjese un efecto interesante me llevó algo de tiempo. Tras pensar en reflejos de olas, distorsiones submarinas, efecto lupa, la Tierra rotando, finalmente encontré el mejor ejemplo justo encima de mi mesa: una lata de Cola-Cola (mi bebida favorita). Debido a la forma cilíndrica de la lata, el mapa de desplazamiento es sencillo con la proyección paralela que hice en el ejemplo, y por tanto el código es muy pequeño (menos de 5kb) y fácil de entender (espero).
Román Cortés » Pure CSS Coke Can



