SubscribeSign In
  • How-To Tutorials
    • Design & Illustration
    • Code
    • Web Design
    • Photo & Video
    • Business
    • Music & Audio
    • 3D & Motion Graphics
    • Game Development
    • Computer Skills
  • Courses
    Design & Illustration
    Code
    Web Design
    Photo & Video
    Business
    Music & Audio
    3D & Motion Graphics
  • eBooks
    Design & Illustration
    Code
    Web Design
    Photo & Video
    Business
    Music & Audio
    3D & Motion Graphics
  • Pricing
  • Envato Elements
  • Envato Studio
  • Community
  • Help
envato-tuts+
  • Envato Elements
  • Envato Studio
  • Community
  • Forum
  • Help
  • Subscribe
  • Sign In
  • How-To Tutorials
    • Design & Illustration
      • Adobe Photoshop
      • Vector
      • Adobe Illustrator
      • Illustration
      • Inspiration
      • Tools & Tips
      • Graphic Design
      • Text Effects
      • Drawing
      • News
      More Categories...Learning Guides
    • Code
      • Web Development
      • Mobile Development
      • WordPress
      • PHP
      • JavaScript
      • Flash
      • CMS
      • Android SDK
      • iOS SDK
      • News
      More Categories...Learning Guides
    • Web Design
      • CSS
      • HTML
      • UI Design
      • HTML & CSS
      • UX
      • JavaScript
      • Adobe Photoshop
      • Complete Websites
      • Workflow
      • Design Theory
      More Categories...Learning Guides
    • Photo & Video
      • Shooting
      • Video
      • Adobe Photoshop
      • Post-Processing
      • Photography
      • Photo Critique
      • How-To
      • Inspiration
      • Lighting
      • Adobe Lightroom
      More Categories...Learning Guides
    • Business
      • How-To
      • Marketing
      • Freelance
      • Presentations
      • Communication
      • Software
      • Planning
      • Small Business
      • Microsoft PowerPoint
      • Inspiration
      More Categories...Learning Guides
    • Music & Audio
      • Audio Production
      • General
      • Logic Pro
      • Workshops
      • Mixing & Mastering
      • Sound Design
      • Open Mic
      • Ableton Live
      • Reason
      • Recording
      More Categories...Learning Guides
    • 3D & Motion Graphics
      • Adobe After Effects
      • 3D
      • Motion Graphics
      • 3D Studio Max
      • Maya
      • Cinema 4D
      • Workflow
      • News
      • Visual Effects
      • Roundups
      More Categories...Learning Guides
    • Game Development
      • Programming
      • Game Design
      • Platform Agnostic
      • Business
      • 2D Games
      • News
      • Game Development
      • Unity
      • Flash
      • Unity 3D
      More Categories...Learning Guides
    • Computer Skills
      • OS X
      • How-To
      • Software
      • App Training
      • Presentations
      • Microsoft PowerPoint
      • Productivity
      • Microsoft
      • Tips & Shortcuts
      • Spreadsheets
      More Categories...Learning Guides
  • Courses
    • Design & Illustration
    • Code
    • Web Design
    • Photo & Video
    • Business
    • Music & Audio
    • 3D & Motion Graphics
    • Coming Soon
  • eBooks
    • Design & Illustration
    • Code
    • Web Design
    • Photo & Video
    • Business
    • Music & Audio
    • 3D & Motion Graphics
  • Pricing
  1. Web Design
  2. CSS
Webdesign
CSS Tips & Tricks
by Adi Purdila25 Nov 2013
Lessons:20Length:1.2 hours
CSSHTML
Turn Autoplay Off
Next Lesson

Next lesson playing in 5 seconds

Cancel

Free Preview: CSS Tips & Tricks

Welcome

00:41

CSS is a wonderful language for presenting web pages. It’s not too difficult to learn, though like most things, it does have a learning curve. In this course, Adi Purdila will give you some cool tips and tricks on how to effectively write CSS.

1.Introduction
1 lesson, 00:41

Free Lesson
1.1
Welcome
00:41

2.Typography
6 lessons, 17:23

Free Lesson
2.1
Use CSS Shorthand
04:05

2.2
Change Text Selection Color
01:50

2.3
Awesome Font Stacks
04:10

2.4
Drop Caps
03:00

2.5
Style Placeholder Text
02:15

2.6
Remove Dotted Outline on Links
02:03

3.Forms
2 lessons, 10:52

3.1
Create Custom Radio Buttons and Checkboxes
06:38

3.2
Create Awesome States on Form Elements
04:14

4.Positioning
3 lessons, 12:29

4.1
Horizontal and Vertical Centering
03:48

4.2
Absolutely Center an Image
03:41

4.3
Properly Clear and Contain Floats
05:00

5.CSS Generated Elements
4 lessons, 17:44

5.1
CSS Triangles
05:14

5.2
CSS Circles
01:36

5.3
Create a Layered Paper Effect
05:30

5.4
Get Creative With the List Bullets
05:24

6.Useful Techniques
3 lessons, 08:52

6.1
Create a Fixed Back to Top Button
03:35

6.2
Even and Odd Rows
03:36

6.3
Create Fluid Images
01:41

7.Conclusion
1 lesson, 01:47

7.1
Recap
01:47


Iign1n2b
Adi Purdila
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
adipurdila
Subscribe to watch full course
Add to My CoursesDiscuss in the Forum
Elements
Unlimited Downloads
From $29/month
Get access to over 400,000 creative assets on Envato Elements.
Market
Over 9 Million Digital Assets
Everything you need for your next creative project.
Studio
Hire a Freelancer
Choose from 2,000 professionals ready to do the work for you.
Community
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories
  • Web Themes & Templates
  • WP Themes
  • HTML Templates
  • Shopify Themes
  • Bootstrap Themes
  • Free WordPress Themes
  • Video
  • After Effects Templates
  • Apple Motion Templates
  • Video Effects
  • Lower Thirds
  • Stock Footage
  • Audio
  • Royalty Free Music
  • Sound Effects
  • Best Selling Royalty Free Music
  • Logic Pro Files
  • Background Music
  • Code
  • WordPress Plugins
  • PHP Script
  • JavaScript
  • CSS Templates
  • PrestaShop Plugins
  • Graphics
  • Logo Templates
  • Business Card Templates
  • Lightroom Presets
  • Serif Fonts
  • Sans-serif Fonts
  • Photos
  • Food Stock Photos
  • Animal Stock Photos
  • Tech Stock Photos
  • Fitness Stock Photos
  • Nature Stock Photos
  • 3D Files
  • 3D Renders
  • 3D Car Models
  • 3D Shaders
  • CG Textures
  • OBJ Files
  • Websites
  • Online Store Designs
  • WordPress Website Designs
  • Personal Websites
  • Photography Websites
  • Portfolio Websites
  • Elements
  • WordPress Themes
  • Stock Images
  • Website Templates
  • Logos
  • Fonts
  • Tuts+
  • Learn Code
  • Learn Graphic Design
  • Learn Business
  • Learn Photography
  • CryptoCurrency Tutorials & Ebooks
Envato Tuts+
About Envato Tuts+
Terms of Use
Advertise
Join our Community
Teach at Envato Tuts+
Translate for Envato Tuts+
Forums
Help
FAQ
Help Center
envato-tuts+
25,775
Tutorials
1,118
Courses
22,714
Translations
  • Envato.com
  • Our products
  • Careers
  • Sitemap
© 2018 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.
  • Follow Envato Tuts+