Sourav Mandal Profile picture
Mar 17 โ€ข 7 tweets โ€ข 2 min read
โฌ’ Some Css Basics You Need To Know!

A Thread ๐Ÿงตโ†“
โž€ Css Rule Set
โ‡ฅ The whole structure is called a ruleset. The term ruleset is often referred to as just rule. NOte the names of the individual parts: Image
โž Selecting Multiple Elements

โ‡ฅ You can select many elements by using coma(,) Image
โž‚ Adding Custom Font Link

โ‡ฅ Using Link tag you can import font in HTML Image
โžƒ Padding, Border, Margin

โ’ Padding โ‡ฅ The space around the contact.
โ’ Border โ‡ฅ The solid line that is just outside the padding.
โ’ Margin โ‡ฅ The space around the outside of the border.
โž„ Hover Effects

โ‡ฅ On taking the curson on the element the h2 color will change #fff #000; Image
That's all for now.

If you liked this thread, make sure to:

1. Follow me @souravWD

2. Retweet the first tweet

Thank you so much for getting to the end of the thread ๐Ÿ’™ ! Let me know what you think below ๐Ÿ˜Š .

Cheers! ๐Ÿป

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Sourav Mandal

Sourav Mandal Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @souravWD

Mar 19
โœง 6 Awesome & popular css frameworks

A Thread ๐Ÿงตโ†“ Image
โžŠ Bootstrap

โ‡ฅ Bootstrap is the most popular css framework globally and got instant popularity because of its responsive design. almost anything, from alerts to modals to navigation bars, is supported by default making is easy to build amazing website.
getbootstrap.com
โž‹ Tailwind CSS

โ‡ฅ Tailwind css is a utility-first css framework that is different that other frameworks like bootstrap where you get pre-designed components. Tailwind requires the least amount of learning an dis easy to use

tailwindcss.com
Read 8 tweets
Mar 18
โฌ• 9 JavaScript Function

โ’ Every JavaScript developer should know

A Thread ๐Ÿงตโ†“
โžŠ function statement

โ‡ฅ when we create a new function with FUNCTION keyword, we all it function statement.

โ‡ฅ example: Image
โž‹ function expression

โ‡ฅ creating and assigning a function to a variable is known as function expression.

โ‡ฅ example: Image
Read 11 tweets
Mar 15
โ’ Css Display Property

A Complete Thread ๐Ÿงตโ†“
โž€ Display โ‡ฅ Inline

โ‡ฅ An inline property dose not start on new and only takes up as much width as necessary.Any height and width properties will have no effect on inline elements. This example overrides the default setting of <li> bullet points and presents them in one line.
โž Display : Block
โ‡ฅ Display Block property shows the elements one by one like a building. Every block element appears in a new line. margin. padding and width work in display block.
Read 6 tweets
Mar 14
โฌ’ Top 8 Free Resources For Web Development.
โ‘ You can used Them in your Projects.

A Thread ๐Ÿงตโ†“
โž€ Error 404

โ‡ฅ This source is awesome for finding illustrations you can use for your website's 404 page.

error404.fun
โž Smash illustrations

โ‡ฅ Control features high-quality illustrations in solid and linear style for free. They are free to use in commercial and personal use.
usesmash.com
Read 10 tweets
Mar 13
๐Ÿ”น Tips for SEO Friendly Website

๐Ÿงตโ†“๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡
โž€ โ‡ฅ Group the content relevance and use descriptive items to help user find easily the information that they are looking for.

โž โ‡ฅ Use text links in footer to support navigation. text links are very useful both for the users the search engines.
โž‚ โ‡ฅ Use breadcrumb navigation to allow users keep track of location within your website and help search engines understand your website structure.
Read 4 tweets
Mar 13
๐Ÿ”น HTML Cheat Sheet

A Thread ๐Ÿงตโ†“
โž€ Basic Html 5

โ’ <!DOCTYPE> โ‡ฅ Defines the document.
โ’ <html> โ‡ฅ Defines an html document
โ’ <head> โ‡ฅ Contains metadata/information for the document
โ’ <title> โ‡ฅ Defines a title for the document
โ’<body> โ‡ฅ Defines the document's body
โ’<h1> to <h6> โ‡ฅ Defines HTML Heading
โ’ <p> โ‡ฅ Defines a paragraph
โ’ <br> โ‡ฅ inserts a single line break
โ’ <hr> โ‡ฅ Defines a thematic change in the content
โ’ <!--..--> โ‡ฅ Defines a comment
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(