HTML and CSS Styles

-

 One of the major requirements or necessities of a developer working on a web-page is to make it attractive to the users. HTML5 efficiently facilitates the development of static web-pages, but to add more styles(to images, content, backgrounds, etc.), cascading style sheets CSS are used. In this HTML Tutorial, we will learn connection between HTML and CSS. So let’s start!!!!





Linking CSS to HTML

CSS is a language used for styling the HTML document and displaying its elements as per your preference.

Uses of HTML CSS

  • HTML elements can be made more attractive and appealing by using cascading style sheets.
  • HTML documents can be incompatible with different devices; they can be made compatible with the help of CSS.
  • Transition and animation effects can be added, without writing any complex JavaScript codes.
  • The same style rules can be easily applied to various HTML elements without any hassle.
  • An element can have dynamic states such as hover and focus that can also be styled using CSS, which would otherwise be a tedious task.
  • Multiple pages can be styled and manipulated using a single CSS file.
  • Elements such as skew, scale, rotate, etc. can be easily transformed in 2D or 3D state.

 

Advantages of HTML & CSS

  • CSS can be written once and re-used with any HTML document, thus saving time.
  • These files can be easily maintained, i.e., for a single change, just add it to the global CSS file, and all the HTML documents linked to it will be changed automatically.
  • Search engines can easily read the CSS files and do not have to struggle.
  • CSS outshines HTML because of its wider array of properties that can be used to style the HTML document more attractively.
  • It has a local cache that can be used to view websites offline.
  • CSS allows compatibility over multiple devices, thus enabling HTML documents to be rendered effectively in a desktop as well as a cell-phone.

The latest version of CSS is CSS3 currently prevailing.

Advantages of CSS3 over CSS

  • CSS3 allows users to create responsive pages and handles media queries efficiently. Personalized CSS properties can be applied to devices of different screen widths.
  • With new color formats such as rgb() and hsl(), it is possible to add new color effects and styles to the HTML document.
  • The ‘box-sizing’ property of CSS3 has made the alignment easier, and CSS grids have reduced the use of table rows and columns.
  • With CSS, in order to add animations, one had to write a code in the scripting language. With CSS3, it is finally possible to add animations using the inbuilt animation features such as text-shadow, thus reducing the workload of developers.
  • Every browser supports CSS3.
  • CSS3 can be easily tested because of its modularity, thus making bug-detection easier.
With the ‘border-radius’ property, the images and divisions can have rounded-borders, and their borders can be further styled.


From our next blog we gonna talk about basics of CSS.

Here's the series of HTML from our previous blogs:


To Be Continued......


so stay tuned and subscribe our youtube channel  Codin India

Comments

Post a Comment

Popular posts from this blog

Max Min and Nested List in Python | Python programming | Codin India

-
Image
Hello friends!   Codin India   here and in today's post we are going to learn Python's inbuilt functions that is Min Max Nested List So, Let us understand it one by one:-  min():- Python has an inbuilt function min() which finds the minimum value of the given list, tuples or something. It first calculates the biggest number one by one and provides the minimum value of the list. Syntax :- min(array_name) Code :- list1 = [1,2,3,4,5,6] print(min(list1)) Output:- 1 Explanation:-  First we created list that has name list1 and then we created called Python's inbuilt function min() and print it. Let us understand it by code:- max():- Python has an inbuilt function min() which finds the minimum value of the given list, tuples or something. It first calculates the biggest number one by one and provides the minimum value of the list. Syntax:-   max(array_name) Code :- list1 = [1,2,3,4,5,6] print(max(list1)) Output:- 6 Explanation:-  First we created list that has nam...
Read more

What's The Difference Between Frontend And Backend Web Development? - Codin India

-
Image
  If you just started learning web-development, you’ll probably have heard a lot about Frontend and Backend Programming . But what exactly do we mean by this?? As a beginner in this field, it is hard to know not only what is frontend , backend and full stack etc. but also what is covered by one or the other.   While the frontend and backend both are the different terms. They are just like the two sides of a coin. Now the question that arises every time is one more important then other? No. they both played very important role in Web-Development. Now let’s get started…   Ø What is Frontend Web Development? The frontend of the website or application refers to the part that user see or interact with, also referred as the “ Client Side ”, it includes everything that user experiences directly: from text and colors to buttons, images and navigation menus. This means that while web design is focused on the look of a website, front-end development is how these designs and "look...
Read more

Introduction to Python Pandas | Data science full course with Python in Hindi

-
Image
   In the Introduction to   Data Science  post, we discussed about   Roadmap for Data Science . In which we learned about Pandas in Python. So, lets jump into Pandas introduction. What is Pandas in Python? Introduction to Pandas in Python are given below:- Pandas is a fast, powerful, flexible and easy to use open source Data Analysis and manipulation tool, built with Python Programing. Pandas is Python package that is widely used for Data Science/ Data Analysis and machine learning tasks. It is used for manipulation of 1-D Arrays as well as 2-D arrays.  It is one of the most popular Data Wrangling packages of Python Programming. Key features of Pandas in Python and Why should we learn Pandas? We should learn Pandas because it provides us magnificent Data operations in easy and advanced way. There are some key features of Pandas are given below:- Pandas has Fast and efficient DataFrame with default and customized indexing. Pandas provides us tools for Data L...
Read more