Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles by varma
Page 3 of 6
Selects all elements with class="mydemo" with CSS
To select all elements with class="mydemo", you can use the CSS class selector. The class selector is denoted by a period (.) followed by the class name. Syntax .classname { /* CSS properties */ } Example The following example demonstrates how to select and style all elements with class="mydemo" − .mydemo { background-color: #f0f8ff; border: 2px dashed orange; ...
Read MoreRole of CSS position: sticky;
The CSS position: sticky property creates elements that behave as relatively positioned until they reach a specified scroll position, then become fixed. This is particularly useful for creating navigation bars that stick to the viewport when scrolling. Syntax selector { position: sticky; top: value; } Key Properties PropertyDescription position: stickyMakes the element sticky when scrolling topDistance from top of viewport where element becomes fixed z-indexStacking order (optional) Example: Sticky Navigation Bar The following example creates a navigation bar that sticks to the ...
Read MoreRole of CSS :visited Selector
The CSS :visited selector is used to style links that have been visited by the user. This pseudo-class allows you to apply different styles to links based on whether they have been clicked before, providing visual feedback to users about their browsing history. Syntax a:visited { property: value; } Example: Basic Visited Link Styling The following example demonstrates how to style visited links with different colors and properties − a:link { color: ...
Read MoreAlign elements using the CSS float property
The CSS float property is used to align elements to the left or right side of their container, allowing other content to wrap around them. This property was traditionally used for creating layouts before modern techniques like flexbox and grid. Syntax selector { float: value; } Possible Values ValueDescription leftElement floats to the left side rightElement floats to the right side noneElement does not float (default) Example: Right Float Alignment The following example demonstrates how to align an element to the right using the float property ...
Read MoreRole of CSS :hover Selector
The CSS :hover selector is a pseudo-class that applies styles to an element when a user hovers over it with their mouse cursor. It's commonly used to create interactive effects on links, buttons, and other elements to enhance user experience. Syntax selector:hover { property: value; } Example 1: Basic Link Hover Effect The following example demonstrates how to change the background color of a link when hovering over it − a:hover { ...
Read MoreChange the height of element using CSS
The CSS height property is used to set the height of an element. You can also use the scaleY() transform function to scale the height proportionally without changing the actual height value in the document flow. Syntax /* Using height property */ selector { height: value; } /* Using scaleY() transform */ selector { transform: scaleY(factor); } Method 1: Using Height Property The most direct way to change element height is using the height property − ...
Read MoreCSS3 Linear gradients
CSS3 linear gradients allow you to create smooth transitions between two or more colors in a linear direction. Instead of using solid background colors, you can create beautiful gradients that transition from one color to another along a straight line. Syntax selector { background: linear-gradient(direction, color1, color2, ...); } Possible Values ParameterDescription directionOptional. Defines the direction (to top, to right, 45deg, etc.) color1, color2, ...Two or more colors for the gradient transition Example: Basic Linear Gradient The following example creates a linear gradient from pink to ...
Read MoreCSS2 sizing property vs CSS3 box sizing property
Let us understand the difference between CSS2 sizing property and CSS3 box-sizing property. In CSS2, the width and height properties only apply to the content area, while CSS3 box-sizing property allows you to control how the total element size is calculated. Syntax selector { box-sizing: value; } Possible Values ValueDescription content-boxDefault CSS2 behavior - width/height applies only to content border-boxCSS3 behavior - width/height includes content, padding, and border CSS2 Default Sizing (content-box) In CSS2, the width and height properties apply only to the content area. Padding ...
Read MoreHow to write PHP script to fetch data, based on some conditions, from MySQL table?
To fetch data from a MySQL table based on specific conditions, you use the WHERE clause in your SQL statement combined with PHP database functions. The WHERE clause filters records that meet specified criteria, allowing you to retrieve only the data you need. Using MySQLi (Recommended) Here's a modern approach using MySQLi to fetch records from a table where the author name is 'Sanjay' −
Read MoreRequest Timeout while using Odata call to a gateway in SAPUI5 application
When encountering request timeout issues while making OData calls to a gateway in SAPUI5 applications, the problem often lies in the server-side timeout configurations rather than the client-side code. This typically occurs when ICM (Internet Communication Manager) and Web Dispatcher timeout settings are insufficient for your application's requirements. Understanding SAP Timeout Parameters In SAP systems, ICM and Web Dispatcher control different types of timeouts through specific parameters − Connection timeout: icm/conn_timeout − Controls the timeout for opening a connection Request timeout: icm/traffic_control − Controls the timeout for receiving ...
Read More