Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,194,814 members, 7,956,080 topics. Date: Monday, 23 September 2024 at 12:48 AM |
Nairaland Forum / Science/Technology / Webmasters / A Short class On Css Pseudo Elements (609 Views)
I Need Help On CSS Styling. / Help With Pseudo Code / Essential Elements Needed To Design A Logo (2) (3) (4)
(1) (Reply)
A Short class On Css Pseudo Elements by dwebdesign(m): 9:29pm On Sep 26, 2015 |
To follow website developer, know about pseudo elements and classes? today i want to share a short lesson on css pseudo elements. these elements helps to create great design with less coding. the pseudo elements are listed below: 1. the ::before pseudo element, this is use to display content before an html element is rendered on the browser. for example, lets say you have a paragraph like this <p>how are you today</p>. for example if you want to make some words appera before rending the content of the <p> tags, you can use the ::before seudo element. syntax is : p ::before{ content: "what should appear before rendering of the content in the <p> tags" , you can specify other properties and value here too like you do in css } so the above will render: "what should appear before rendering of the content in the <p> tags how are you today". you understand? 2. the ::after pseudo element: this works just like the ::before pseudo element just that the content is displayed after the tags. 3. the ::first-letter 4. the ::first-line pseudo elements. want me to write for your web developement blogs. whatsapp/mobile: 08133884165. I am an expert website developer. |
(1) (Reply)
Www.naijatalks.ml / 3 Ways To Stop Bots From Messing Up Your Website Traffic Analytics / 7 Amazing Sites With Royalty Free Stock Images
(Go Up)
Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health religion celebs tv-movies music-radio literature webmasters programming techmarket Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 6 |