Showing posts with label Css introduction. Show all posts
Showing posts with label Css introduction. Show all posts

Wednesday, November 9, 2022

CSS introduction


       Introduction to CSS 

CSS LOGO




CSS stands for Cascading Style Sheets. It is used to format the layout's of web pages in the website. It describes how HTML elements are to be displayed on screen, paper, or in other media. It takes care of the presentation and helps you determine how the pages and content that you make with HTML are going to look and display. It can control the layout of multiple web pages all at once.


The name cascading comes from the specified priority scheme to determine which style rule applies more than one rule matches a particular element. The CSS specifications are maintained by the rld Wide Web Consortium. Before CSS, If we want to assign a typographic characteristics to say, all H2 headings had to repeat HTML presentational markup for each occurrence of that heading type. This made documents more complex, larger, more error-prone and is difficult to maintain.

To solve this problem, the World Wide Web Consortium created CSS. It removed the style formatting from the HTML page! It also Saves a Lot of Work and Time. The style definitions are normally saved in external .css files. With an external CSS file, you can change the look of an entire website by changing just one file at a time. CSS (Cascading Style Sheet) describes the HTML elements which are displayed on screen, paper, or in other media. It saves a lot of time. It controls the layout of multiple web pages at one time.

CSS allows the separation of presentation from structure. CSS can define color, font, text alignment size, borders, spacing, layout and many other typographic characteristics and can do so independently for on-screen and printed views. CSS also defines non-visual styles, such as reading speed.

         Cascading Style Sheets, fondly referred to as CSS, is a simply designed language intended to simplify the process of making web pages presentable. CSS allows you to apply styles to web pages. More importantly, CSS enables you to do this independent of the HTML that makes up each web page. It describes how a webpage should look: it prescribes colors, fonts, spacing, and much more. In short, you can make your website look however you want. CSS lets developers and designers define how it behaves, including how elements are positioned in the browser.


While html uses tags, css uses rulesets. CSS is easy to learn and understand, but it provides powerful control over the presentation of an HTML document.

CSS saves time: You can write CSS once and reuse the same sheet in multiple HTML pages.

Easy Maintenance: To make a global change simply change the style, and all elements in all the webpages will be updated automatically.

Search Engines: CSS is considered a clean coding technique, which means search engines won’t have to struggle to “read” its content.

Superior styles to HTML: CSS has a much wider array of attributes than HTML, so you can give a far better look to your HTML page in comparison to HTML attributes.

Offline Browsing: CSS can store web applications locally with the help of an offline cache. Using this we can view offline websites.


CSS Features 


Consistency :-

 With CSS, it is easy to make changes to the pages of your website. By making one change to your CSS stylesheet, you can consequently make it to each page of website. 


Appearance :-

With CSS, it is easy to improve the look-and-feel of the website from one place it allows you to use a wide array of extensive and expressive styles.


intainability :- 

Whenever a change is made to your website stylesheet, CSS allows you to omatically correct and change every page of your website.


Saves Time :-

With CSS, you only need to specify details of the styling once for any element and it will automatically apply the specified styles whenever that particular element occurs Hence, it saves a lot of time by not forcing you to rewrite everything again and again.


Advantage of CSS 


Easy maintenance:-

 To make a global change, simply change the style, and all elements in all the web pages will be updated automatically. 


Global web standards :- 

Now HTML attributes are being deprecated and it is being recommended to use CSS. So it's a good idea to start using CSS in all the HTML pages to make them compatible with future browsers. 


Platform Independence :- 

The Script offer consistent platform independence and can support latest browsers as well. 


CSS saves time :- 

You can write CSS once and then reuse the same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many Web pages as you want.


Ways to write CSS:- 

You can write CSS styles 3 way Inline element line, Internal style write in header section, or External style sheets enable you to change the elements and layout style of all the pages in a website, just by editing one single file



READ MORE 

inline css style

CSS Class Selector

css-text-properties

External CSS

CSS button

CSS inline block

Type of CSS

CSS Menu

CSS Margin Property