Skip to main content

Advantages of using CSS

 

o Time Saver- Writing CSS code saves our time as we can do global changes easily .

o Page loads faster- We are not considered to write HTML tag attributes every time, if we are using CSS. So, less code means our page will load faster.

o Superior styles to HTML- Array of attributes in CSS are wider than HTML, that gives a better look to the page.

 oMaintenance becomes easy- If you want to make a change globally, just change the style and changes will be done in all the web pages.

o Multiple device permittance- CSS allow content to be optimize for various types of devices. It make the pages compatible to different devices and browsers.

 

o How we write code in CSS/Use-

External Style Sheet-   is used when we want to apply style to multiple pages. Each of the pages must link to style sheet by using <link> tag.

Internal Style Sheet- It should be used when we want to style single document. They are defined in head section.

Inline Style Sheet- means style sheets inside the HTML element. It has the highest priority, means it overrides the style attribute written inside the <head> tag.

CSS syntax- is divided into 3 parts i.e. selector, property and value. Selector is basically the HTML element/tag that we want to style and property is the attribute that we want to change.

And the property is given value. The property and value are surrounded by curly braces and separated by a colon (:).

      selector {property:value}

            body {color:yellow}

            h1 {font-family: “Arial”}

 

Different types of selectors-

 

The type selector-

 

h1{

        color #36CFFF;

}

The universal selector

*{

       color #000000;

}

The class selector

.black {

        color #000000;

}

The ID selector

#black {

          color #000000;

}

The child selector

body>p {

    color #000000;

}

The attribute selector

Input[type= “text”]{

    color #000000;

}

 

CSS links- Links can be styled using CSS. Here we have four different link stages -

Ø Link (unvisited )

Ø Visited

Ø Hover

Ø Active ( on which text user is clicking)

Above stages must come in this order as shown above.

<style type= “text/css”>

      a:link{color:blue}

      a:visited{color:green}

      a:hover{color:puple}

      a:active{color:red}

</style>

Comments

Post a Comment

Popular posts from this blog

Other Tool in Web Development

JavaScript- JavaScript is a lightweight, interpreted, dynamic programming language that is used to make dynamic web pages and applications. It was came out in 1995 with the name LiveScript but afterwards its name is changed into JavaScript as it is integrated with Java. Bootstrap- It is the most popular framework for faster and easier web-development. The reason why we use bootstrap is that it is supported by almost all popular browsers, easily get started ( anyone who has knowledge of just HTML & CSS can start with it ), its responsive design, it also contains JavaScript plugins. AJAX ( Asynchronous JavaScript and XML )- It is a group of coherent client-side & server-side technologies by using which we can update a part of a webpage instead of reloading the whole webpage. We can take the examples of sites like YouTube, Gmail, Google-maps, tabs within Facebook etc. It increases the speed and usability of web pages and application. JQuery- It is JavaScript library whic...
Post a Comment
Read more

Tools used in Front-End development

  3.1     HTML ( The organizer )- Hyper Text Markup Language - to develop web-pages. The web-documents are being written in a language called HTML. Hence, we can say that HTML is a language used to create websites. These websites can then be accessed by anyone connected to the internet on various browsers such as chrome, Firefox, safari etc.      When we save an HTML file, extention .htm or .html is used. o Hyper Text - It is a way by which you move around on the web by just clicking on special text called hyperlinks. Hyper just means that you can go to anywhere on the internet by just clicking on links whenever you want. o Markup- is the method what happens to the text inside HTML tags. It is marked as a particular type of text (as italic text). Also visit ExploringBits .It is clear from the name itself that it is a markup language which means HTML is used to simply “Markup” a text document with tags that tell a browser how it sh...
Post a Comment
Read more

applications of machine learning

There are various applications of machine learning these days also there are various future trends of machine learning. We share few examples of machine   learning that we use everyday and have no idea that they are driven by machine learning such as-   4.1.Virtual Personal Assistants There are various virtual assistance that we are using these days some of them are Siri, Alexa, Google Assistant, Cortana etc. their jobs are to assist the user and help the user in finding various information, whenever asked. Machine learning is an important part of these virtual assistants as they collect and polished the information on the basis of previous experience. Later, this set of data is used to generate results that are modify according to our preference. 4.2.Video surveillance The video surveillance these days are running with the concept of AI that makes it possible to detect crime before they happen. They just track or keep their eye on unusual behaviour of people...
Post a Comment
Read more