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...

WHAT IS HTML LINKS?IMAGE LINK, BUTTON LINK, EMAIL ID.

 WHAT IS A LINK IN HTML                                                                    links HTML Links: A link is a URL that takes us to a new tab if we give the address of the image or any website. We use the links in HTML because they help us to navigate to other websites easily. These are the different types of giving links in HTML absolute, relative, and inline links. SYNTAX  <a href="https://www.w3schools.com/html/html_links.asp">hi</a>  This is overall how to write syntax, firstly open the HTML link parenthesis, an element href attribute equal to. Double codes give the URL of any one of the website or web page, I have given the link of w3 schools and closed the parenthesis and closed it between that writedown some any text. LINK TO WEB PAGE <html> <body> <p> This ...