• About Us
  • Contact
  • Privacy Policy
  • Terms and Conditions
মঙ্গলবার, মার্চ ৯, ২০২১
Editor Go
No Result
View All Result
  • Login
  • Register
  • Home
  • Web Dev
  • Tips and Tricks
  • Product Review
  • Content Writing
  • শিক্ষা
  • Freelancing
  • বই ডাউনলোডনিউ কালেকশন
  • Home
  • Web Dev
  • Tips and Tricks
  • Product Review
  • Content Writing
  • শিক্ষা
  • Freelancing
  • বই ডাউনলোডনিউ কালেকশন
No Result
View All Result
Editor Go
No Result
View All Result
Home Tips and Tricks

7 Secret TIPS for CSS That Will Make You GURU in Web Design

EGO ADMIN by EGO ADMIN
নভেম্বর ২০, ২০২০
in Tips and Tricks, Web Dev
6 1
0
7 Secret TIPS for CSS
19
SHARES
48
VIEWS
Share on FacebookShare on TwitterEmail Your Friends

We love CSS. Why? Because it is the lifeblood of web design. CSS is one of the most used syntax for designing a website. CSS is used to style or give a look to any element of an HTML document.

CSS is a thing where just one extra or wrong property can make your hundreds of lines of style useless. Since CSS does not have an error system like PHP, it is very difficult to understand where the error is. Frustration in CSS will strike if you just change it and experiment without understanding the work of each property.

READ ALSO

Top 10 WordPress Plugins You Must Taste in 2021

Why Facebook blocked Your Website URL?

Though there are a lot of frustrating things in CSS, no any alternative of it. Front-end developers are worthless without CSS. But the hope is that no one will be able to stop you once you have mastered it. You just need to keep patience and perseverance. There are 7 great tips for readers in EGO today to overcome frustration and fear in CSS. Your job is to follow the tips below and practice them accordingly.

1. Know again what is CSS

First of all, let’s know the full form of CSS once again. CSS is stand for Cascading Style Sheet. You know style sheet but what is Cascading? Have you ever thought about it?

The general meaning of the word cascade is to flow from top to bottom. The style of the parent element influences on the child element. This religion has been named Cascading Style Sheet. That is, the style you give to the parent elements of your HTML file will have a great effect on the child element.

So, try to understanding the relationship between a child and a parent and learn how to overwrite a child parent if necessary. You’ll be able to find out most of the problems related to height, width, margin and padding in CSS.

2. Know much about Position

Another dangerous CSS property is position! Every designer will misuse this thing when he is a beginner. The position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements. It also specifies the type of positioning method used for an element as static, relative, fixed, absolute or sticky.

If you want control over where an element lives on our website at all times, absolute positioning is the key to making this happen. If you think of your browser as one big bounding box, absolute positioning allows you to control exactly where in that box an element will stay. Use top, right, bottom and left, accompanied by a pixel value to control where an element stays.

It is a BIG problem for beginner to apply the relative and absolute position properly. So, understand the meaning of relative, absolute well, see what the relationship of top, left, bottom, right with it.

3. Why Inline property is used for?

“display: inline” is a property for used to display an element as an inline element (like <span>). The height and width properties are not effected on display:inline; property. It allows only left and right side of margins, not top and bottom.

The major difference is that display: inline-block allows to set a width and height on the element. Also, with display: inline-block , the top and bottom margins / paddings are respected, but with display: inline they are not. So use it carefully.

4. Be aware about float

Understand the use and relationship of float: left and clear: both. The most important thing is done with the CSS float when creating the layout. In addition, if the text and the picture are together, float is used.

On the other hand, the job of the clear property is to remove the float element. Floated elements on the left, right or both sides are removed using the values left, right and both.

5. Write animation code in details

When you’re a beginner, learn to write each animation property separately first instead of writing everything together in the animation property. For example, code it: animation-name, animation-duration and animation-iteration-count instead of animation: my-animation 5s infinite.

By doing this, you will be able to understand more clearly how it behaves and why. Don’t confuse transitions with animation. Learn the two separately first.

6. Never use useless div

Many people have a bad habit of adding more and more div tags in HTML, avoid it. Using that many divs is a disease we call ‘divitis’. It comes from the sickness that makes a developer forget he can frequently use elements such as ul, p, and so on as they are for positioning and styling without the need to wrap them in a div. Use div only as wrapper. Unnecessary tags mean extra hassle, keep this in mind.

7. Start from scratch

Never start to creating a professional website by learning just the basics of CSS. Regularly visit sites like CSS-Tricks, Stackoverflow and CodePen. Improve your ideas through various micro projects.

Remember, straight forward things cause the most complications. That is the universal truth. It is foolish to just blame yourself. Keep up the good work and keep up the good content. You’ll do it.

Tags: 7 Secret TIPS for CSSadvanced css trickscool css propertiescss designcss pdf bookcss tips and tricks 2021css tips and tricks for beginnerscss tips and tricks pdfcss tips for beginnerscss tips from proscss trickseasy tips for csshot tips csshtml css tips and trickspro css tipsTIPS for CSS

Related Posts

best wordpress plugins free
Product Review

Top 10 WordPress Plugins You Must Taste in 2021

ডিসেম্বর ১, ২০২০
82
Why Facebook blocked Your Website URL?
Product Review

Why Facebook blocked Your Website URL?

নভেম্বর ২৭, ২০২০
81
create an eCommerce Website
Tips and Tricks

Create an eCommerce Website in 2021 (All Guideline A to Z)

অক্টোবর ২৯, ২০২০
50
web design tips
Product Review

6 Websites a Web Designer Must Follow

অক্টোবর ২৮, ২০২০
76
NULLED or CRACKED WordPress Theme
Tips and Tricks

Why to Stay Away From Using NULLED or CRACKED WordPress Theme?

অক্টোবর ২৩, ২০২০
76
Next Post
Why Facebook blocked Your Website URL?

Why Facebook blocked Your Website URL?

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

ডাউনলােড করুন

ফ্রিলান্সিং কিভাবে বিড করবেন

ফ্রিলান্সিং : কিভাবে বিড করবেন?

ফেব্রুয়ারি ২১, ২০২১
hsc chemistry 1st paper pdf download

(2021 Update) HSC Physics 1st Paper Book PDF Download

ফেব্রুয়ারি ২১, ২০২১
Download JNews WordPress Theme for Free

(Update 2021) Download JNews WordPress Theme for Free (100% Working)

জানুয়ারি ২৯, ২০২১
গ্রাফিক্স ডিজাইন বই PDF Download

গ্রাফিক্স ডিজাইন বই PDF Download 2021 Latest Version

ডিসেম্বর ২৮, ২০২০
প্রাইমারি শিক্ষক নিয়োগ এনালাইসিস বই PDF Download

প্রাইমারি শিক্ষক নিয়োগ এনালাইসিস বই PDF Download

ডিসেম্বর ২৭, ২০২০
Web Design Bangla Book PDF Download

Web Design Bangla Book PDF Download

ডিসেম্বর ২৭, ২০২০
css bangla pdf download

Dowload CSS Bangla PDF eBook for Free (Latest)

ডিসেম্বর ২৩, ২০২০

Most Popular By Readers

গ্রাফিক্স ডিজাইন বই PDF Download

গ্রাফিক্স ডিজাইন বই PDF Download 2021 Latest Version

ডিসেম্বর ২৮, ২০২০
796
প্রাইমারি শিক্ষক নিয়োগ এনালাইসিস বই PDF Download

প্রাইমারি শিক্ষক নিয়োগ এনালাইসিস বই PDF Download

ডিসেম্বর ২৭, ২০২০
713
html bangla pdf

Download All HTML Tags List in Bangla

ডিসেম্বর ২৩, ২০২০
685
Freelancing Bangla PDF Book Download

ডাউনলোড করুন সকল ফ্রিল্যান্সিং বাংলা পিডিএফ বই একসাথে

ডিসেম্বর ২২, ২০২০
351
css bangla pdf download

Dowload CSS Bangla PDF eBook for Free (Latest)

ডিসেম্বর ২৩, ২০২০
303
হাবলুদের জন্য প্রোগ্রামিং PDF Download

হাবলুদের জন্য প্রোগ্রামিং PDF Download

ডিসেম্বর ২১, ২০২০
279
জয়কলি ভর্তি গাইড

জয়কলি সিরিজের সকল ভর্তি গাইড PDF Download করুন

ডিসেম্বর ২২, ২০২০
221
Web Design Bangla Book PDF Download

Web Design Bangla Book PDF Download

ডিসেম্বর ২৭, ২০২০
198
প্রোগ্রামিং এর চৌদ্দগুষ্ঠি

Download প্রোগ্রামিং এর চৌদ্দগুষ্ঠি PDF Book Free

ডিসেম্বর ২১, ২০২০
177
Bangla Web Design PDF Book Free

ডাউনলোড করুন ওয়েব ডিজাইনের সকল বাংলা বই

ডিসেম্বর ২৩, ২০২০
165

Education

  • Product Review
ফ্রিলান্সিং কিভাবে বিড করবেন
Freelancing

ফ্রিলান্সিং : কিভাবে বিড করবেন?

by Sir Zubeen
ফেব্রুয়ারি ২১, ২০২১
0
35

আপনি যদি ফ্রিলান্সিং করতে চান, তাহলে বিড শব্দটির সাথে আপনাকে পরিচিত হতে হবে। বিড হচ্ছে বায়ারের দেয়া কোন প্রোপোজালের বিপরীতে...

Read more
hsc chemistry 1st paper pdf download

(2021 Update) HSC Physics 1st Paper Book PDF Download

ফেব্রুয়ারি ২১, ২০২১
52
Download JNews WordPress Theme for Free

(Update 2021) Download JNews WordPress Theme for Free (100% Working)

জানুয়ারি ২৯, ২০২১
29
গ্রাফিক্স ডিজাইন বই PDF Download

গ্রাফিক্স ডিজাইন বই PDF Download 2021 Latest Version

ডিসেম্বর ২৮, ২০২০
796
প্রাইমারি শিক্ষক নিয়োগ এনালাইসিস বই PDF Download

প্রাইমারি শিক্ষক নিয়োগ এনালাইসিস বই PDF Download

ডিসেম্বর ২৭, ২০২০
713

Categories

  • Freelancing (১)
  • News (১)
  • Product Review (৫)
  • Tips and Tricks (৬)
  • Web Dev (৪)
  • Wordpress Theme (১)
  • ওয়েব ডিজাইন (৪)
  • গ্রাফিক্স ডিজাইন (১)
  • চাকরী বাকরী (১)
  • ডাউনলোড (৮)
  • ডিজিটাল মার্কেটিং (১)
  • বই (১৩)
  • ভর্তি ও পরীক্ষা (২)
  • শিক্ষা (৩)

Tips and Trics

  • শিক্ষা
Recharge Your Down Battery PDF download

Download Recharge Your Down Battery PDF by Jhankar Mahbub

ডিসেম্বর ২১, ২০২০
55
best wordpress plugins free

Top 10 WordPress Plugins You Must Taste in 2021

ডিসেম্বর ১, ২০২০
82
ইমোশনাল মার্কেটিং PDF Book Download

ইমোশনাল মার্কেটিং : মুনির হাসান PDF Book Download

ডিসেম্বর ২১, ২০২০
117
ফ্রিলান্সিং কিভাবে বিড করবেন

ফ্রিলান্সিং : কিভাবে বিড করবেন?

ফেব্রুয়ারি ২১, ২০২১
35
মেডিকেল ভর্তি পরীক্ষার প্রস্তুতি

ডাউনলোড মেডিকেল ভর্তি পরীক্ষার সবগুলো বই

ডিসেম্বর ২১, ২০২০
143
Facebook Twitter Pinterest LinkedIn

Editor Go is well know as EGO. It is a platform of editors, who really loves to write. People who posses a great passion on creative article like education, tech, story and so many can share in EGO.

Freelancing

ফ্রিলান্সিং : কিভাবে বিড করবেন?

ফেব্রুয়ারি ২১, ২০২১
35
ডাউনলোড

(2021 Update) HSC Physics 1st Paper Book PDF Download

ফেব্রুয়ারি ২১, ২০২১
52

Recent Posts

  • ফ্রিলান্সিং : কিভাবে বিড করবেন?
  • (2021 Update) HSC Physics 1st Paper Book PDF Download
  • (Update 2021) Download JNews WordPress Theme for Free (100% Working)
  • গ্রাফিক্স ডিজাইন বই PDF Download 2021 Latest Version

Copyright 2020 Editor Go - Developed By Sarjan Faraby

No Result
View All Result
  • Home
  • Web Dev
  • Tips and Tricks
  • Product Review
  • Content Writing
  • শিক্ষা
  • Freelancing
  • বই ডাউনলোড

Copyright 2020 Editor Go - Developed By Sarjan Faraby

Welcome Back!

OR

Login to your account below

Forgotten Password? Sign Up

Create New Account!

OR

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In