Add active class to a div on javascript onclick event Here we are applying a style to a simple div. Steps to add a css class on click event Create a div with specific id (here id=”text”) on click on div call a method makeActive() Define a function makeActive() in side <script> tag. Inside makeActive() … Read more
Padding in CSS is the term given to the inner space of an element around its content. CSS allows you to control all the padding of an element; top, bottom, left and right. The corresponding properties for each side are: padding-top padding-bottom padding-left padding-right A general example for the padding can be:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <style> div { background-color: wheat; padding-top: 60px; padding-right: 50px; padding-bottom: 60px; padding-left: 50px; border: 1px solid; } </style> <div> CSS Padding </div> |
The values … Read more
Introduction For designing a website we need to learn HTML, CSS, and Javascript. HTML and CSS are both markup languages whereas Javascript is a programming language. One can learn web designing at w3schools,codeacademy and offline courses are there. Stackoverflow is a platform where students can get their queries resolved. Learning HTML takes hardly 2- 4 … Read more
With a wide range of devices being able to access the internet, it is very necessary to make the websites easily operable on all these devices. A website that looks great on the laptop screen should retain its swagger on the mobile phone screen as well. To serve this purpose, CSS provides a feature called, … Read more
There’s often a need to list items on the webpage in an orderly fashion. These items can be ordered products in a wish-list or Steps to be followed in a tutorial. Making a dynamic list that can add counters to the list element is another popular feature provided by CSS. CSS counters are, basically, “variables” … Read more
Your CSS code can be included with your HTML document, there are four different ways. These are namely: Embedded CSS Inline CSS External CSS and Imported CSS To understand and make a choice about which kind of inclusion you should go with, we will now learn more about each one of these types: Embedded CSS … Read more
Just like any programming language works, the CSS code is also interpreted based on some rules.Here, the browser interprets what is called the style rules.Based on the rules, it applies the design to the corresponding elements of the webpage. The style rule can be seen as following 3 parts: Selector – This is the HTML part … Read more
1 What is CSS? CSS’s full form is Cascading Style Sheets. Cascading Style Sheets are used in HTML to position and display the HTML elements. CSS can be used to manage the color, text, position, layout, transformation, animations, and other properties of HTML elements. In other ways The design language, Cascading Style Sheets, popularly known … Read more
Several CSS properties like height, width, margin, font-size etc. requires length values. To express these lengths, CSS supports two types of units namely, absolute and relative. Absolute length units are static irrespective of the screen size and hence are used when the output display size is known, like the print layout. Relative length units are … Read more
CSS Fonts provide a way of styling text, styling the font is a whole category in itself. CSS can alter the font family, size, boldness, and text style. Some of the CSS properties we’ll study here are: font-family font-style font-size font-weight font-variant CSS font-family Font families have two types in CSS: generic family: A look-wise … Read more
