Skip to main content

WHAT IS CSS?ADVANTAGES, SYNTAX.

 CSS PROGRAMMING LANGAUGE                                                                     disadvantages CSS full form is cascade style sheets , which we call it says about how you should display the HTML elements on the screen. CSS tells us the style of the webpage let us take a simple example, if we build a home first we lay out the design that is known as the HTML language. Where the CSS means layout which means giving instructions on how the furniture should be nothing but the CSS. For example if we take PayPal we can see that the background color blue says the CSS background-color property. Netflix is also the best way of saying  CSS property, but if we remove it will be a normal webpage but with the red color and the black plus symbols it looks like the best webpage. Versions of CSS There are differen...

WHAT IS CSS?ADVANTAGES, SYNTAX.

 CSS PROGRAMMING LANGAUGE

                                                                   
syntax of css
disadvantages

  • CSS full form is cascade style sheets, which we call it says about how you should display the HTML elements on the screen.
  • CSS tells us the style of the webpage let us take a simple example, if we build a home first we lay out the design that is known as the HTML language.
  • Where the CSS means layout which means giving instructions on how the furniture should be nothing but the CSS.
  • For example if we take PayPal we can see that the background color blue says the CSS background-color property.
  • Netflix is also the best way of saying  CSS property, but if we remove it will be a normal webpage but with the red color and the black plus symbols it looks like the best webpage.

Versions of CSS

  • There are different versions available now in case it is developed by Wium we have three versions that are css1, css2, and css3.
  • Currently we are using this css3 version this is the best version for practicing the css programming language.

Advantages

  • Separation of Content and Style:-The CSS advantage is it separates the content from the styling part in the code it will be in an organized way.
  • Faster page speed:-there is less code tells us that the webpage or website can run more quickly, when comparatively with more code CSS has less code.
  • Better user experience:- With CSS we can bring audience response because it has the property of CSS fonts, background, color, etc.
  • Time-saving:- Want an element to be used once and make use of it repeatedly reduces the time of the coder.
  • Transfer of file size:- Take any CSS file code want to transfer then it can easily be transferred easily without any problem.

DISADVANTAGES

  • Working of the software:- Due to the use of different versions it can create problems in the code for the browsers.
  • Lack of security:- this is an open text-based system it doesn't provide security those who visit the sites can change the links it can happen suddenly or by them.
  • Proper checking:- Before the developers launch any website they should check whether it is working in all browsers or not.
  • Selectors:- In CSS, we have to select which type of selector we want to specify every time for the style in the code.
  • Wastage of time:- Need to every time the developers need to check the code this leads to a load which creates pressure.

EXAMPLE PROGRAM

  • The declaration for the CSS programming language code.

#selectors{
font-size:10px;
color: red;
}
  • Selectors tell u which HTML element you want to apply here to the styles, eg:-div, p,h1 means that only to this particular paragraph or h1 tag we are using a selector.
  • You want to change the font size then write font dash then, size the word you want through this your text size will be increased.
  • If you make the text color red write the color we can also apply many colors to it by changing the color in the code.
  • Note:-Opening of parenthesis and closing it is very important otherwise it leads to an error in the code.
Practice set
  • Change the font size of the above syntax to 50 px and apply it only to the h2 tag section.
h2{
font-size:50px;
}
  • Color the div section code text to green.
div{
color:green;
}
  • In this blog we talked about what is css and then advantages as well as the disadvantages, discussed about basic syntax for writing a css program also along with some of the practise set.
  • In the coming next blogs we are going to talked about how to add background image as well as the color to it.







Comments

Popular posts from this blog

WHAT IS HTML?HEADING TAGS

 WHAT IS HTML?                                                                 HTML  stands for hypertext markup language this is the full form of HTML. HTML is an important markup language for creating web pages. If we see any website then click the link we go to another page which is known as the web page,           combination of these web pages is known as a websit e . It is known by the name html because it is used to make the content in it more presentable. The first line of any html code is <!doctype> which is the most important step we could say. Tin Berners Lee has created the HTML programming language, and version 4.0 has become the most popular one. BASIC PROGRAM IN HTML <html> <head> <title>page title</title> <body> <h1>hi</h1> </bod...

HTML STYLES?FONT SIZE,BACKGROUND COLOUR

 HTML STYLES                                                                  background colour In HTML  have different styles like background color, font size, text color, and text alignment in this blog we are going to study different HTML styles. HTML styles that are used to change or else change whatever existing HTML tags. We have different types of styles internal styling, which is nothing but using this inside the html element. Internal means utilizing it in the head section of the HTML code, external is to apply it externally to the CSS file. BACKGROUND COLOUR We will use background color as a style in HTML for webpages to give color to the web pages of different colors like blue, red, black, etc. and there will be a syntax for giving background color. <body style="background-color: green;"> This is...