Dishebh Bhayana

Dishebh Bhayana

40 Articles Published

Articles by Dishebh Bhayana

Page 2 of 4

How to apply styles to multiple classes at once?

Dishebh Bhayana
Dishebh Bhayana
Updated on 15-Mar-2026 3K+ Views

In CSS, you can apply the same styles to multiple classes simultaneously using the class selector (.) and comma separator (, ). This technique allows you to write efficient CSS by grouping classes that share common styling properties. A "class" is an HTML attribute that accepts a list of classes separated by spaces. These classes can then be used in CSS to style particular elements or in JavaScript to manipulate HTML elements. Syntax .class1, .class2, .class3 { property: value; } Example 1: Applying Color to Multiple Classes In this ...

Read More

How to apply inline CSS?

Dishebh Bhayana
Dishebh Bhayana
Updated on 15-Mar-2026 532 Views

Inline CSS is writing the styles for a particular HTML element inside its "style" attribute. The styles here are unique to the element itself, and generally override the CSS provided internally or externally. Syntax Content Here, "tag_name" refers to any HTML tag name, and the "style" attribute allows us to add CSS properties directly to the element. Multiple properties are separated by semicolons. Example 1: Styling Text In this example, we will style the "p" tag to give it a different color and font style using inline CSS − ...

Read More

How to apply the hover effect over the button using SASS?

Dishebh Bhayana
Dishebh Bhayana
Updated on 15-Mar-2026 8K+ Views

We can apply the hover effect over the button using SASS with the help of the :hover CSS selector. SASS stands for Syntactically Awesome Stylesheet and is a CSS pre-processor, which implies one can generate CSS from its respective SASS code. Using SASS instead of just writing CSS comes with its own set of advantages, like more readable code and easy-to-learn code syntax, and one can leverage these to style the HTML elements more easily and efficiently in a web application. In this article, we will give styling to a button element with the help of SASS. We will ...

Read More

How to apply CSS style using jQuery?

Dishebh Bhayana
Dishebh Bhayana
Updated on 15-Mar-2026 7K+ Views

We can use jQuery's .css() method to apply CSS styles to HTML elements dynamically. jQuery is a JavaScript library that simplifies DOM manipulation and allows us to add interactivity and modify CSS styles of elements programmatically. Syntax $(selector).css(property, value) OR $(selector).css({ property: value, property: value, ... }) The jQuery css() method accepts either a single property-value pair as separate arguments, or an object containing multiple CSS properties and their values. Note: To run these examples, you need to include the jQuery library in your HTML file using a CDN ...

Read More

How to apply CSS style to the different elements having the same class name in HTML?

Dishebh Bhayana
Dishebh Bhayana
Updated on 15-Mar-2026 3K+ Views

HTML classes are global attributes that are used by HTML tags to specify a list of classes that are case-sensitive in nature. These classes are then used by CSS to apply styling to that particular tag that has the class, and by JavaScript to manipulate the HTML element's behavior, interactivity, or styles. Syntax /* Select all elements with same class */ .classname { property: value; } /* Select specific element type with class */ elementname.classname { property: value; } Method 1: Using the Class Selector (.) ...

Read More

How to display logged-in user information in PHP?

Dishebh Bhayana
Dishebh Bhayana
Updated on 15-Mar-2026 3K+ Views

In this article, we will learn how to display logged-in user information using PHP sessions. When building web applications with authentication, displaying user information on various pages provides a personalized experience for users. We can implement user authentication and display logged-in user information using PHP sessions along with HTML forms. Let's explore this with practical examples. Basic User Authentication System This example demonstrates a complete login system with user authentication and information display − Filename: login.php Login Page Login ...

Read More

How to eliminate extra space before and after a form tag?

Dishebh Bhayana
Dishebh Bhayana
Updated on 03-Aug-2023 1K+ Views

In this article, we will learn how to eliminate extra space before and after a form HTML element so as to ensure a clean and compact form layout. When designing web applications, it's essential to have control over the spacing and layout to create a visually pleasing and well-organized user interface. Sometimes, there is extra space available before and after a tag, which can affect the overall design and alignment of your form elements. Let’s understand how to remove the extra space with the help of some examples. Example 1 In this example, we will remove the extra space ...

Read More

How to dynamically insert id into a table element using JavaScript?

Dishebh Bhayana
Dishebh Bhayana
Updated on 03-Aug-2023 2K+ Views

In this article, we will learn how to dynamically insert IDs into a table element using JavaScrip with the help of setAttribute API. In web development, dynamically inserting an ID into an HTML table element can be a useful technique when we need to uniquely identify and manipulate specific rows or cells. By assigning IDs to table elements programmatically, we gain more control and flexibility in accessing and modifying the table's content. Let’s understand how to implement this with the help of some examples. Example 1 In this example, we generate a random id for a table row by computing ...

Read More

How to dynamically get the content height of a div using AngularJS?

Dishebh Bhayana
Dishebh Bhayana
Updated on 03-Aug-2023 1K+ Views

In this article, we will explore how to dynamically get the content height of a HTML element using AngularJS, using its getContentHeight() function. In web development, there are often situations where we need to dynamically determine the height of a element based on its content. We can easily implement it with the help of AnguarlJS, a popular javascript framework, and the various utility functions provided by it. Let’s understand how to implement the above with the help of some examples. Example 1 In this example, we will add an ng-init="getContentHeight()" to the element, which calls the getContentHeight() ...

Read More

How to dynamically create new elements in JavaScript?

Dishebh Bhayana
Dishebh Bhayana
Updated on 03-Aug-2023 3K+ Views

In this article, we will learn how to dynamically create new elements in JavaScript with the help of the createElement browser API. Dynamic element creation in JavaScript allows you to generate new HTML elements on the get-go. Whether you need to add content to a web page based on user interactions or dynamically generate elements for a specific task, it can help enhance the flexibility and interactivity of web applications. Let’s understand how to implement this with the help of some examples. Example 1 In this example, we will have a button element and on clicking it, we ...

Read More
Showing 11–20 of 40 articles
Advertisements