Skip to main content

Cascading Style Sheets CSS

What is CSS?

Cascading style sheets is a markup language to define styles. This is mostly used in html but we can also use the same for any XML based markup languages.  It allows to adopt for different types of devises  like Desktop, large screen, small screen, iPad, mobile, printers etc.


Why we need CSS?


CSS mainly used for the following benefits.

  • It improves the readability of the base html/XML markup language
  • It is independent to the base markup language, hence it can be used again and again for the same page or more than one pages (it is reusable).
  • It is simple, no programming languages or complex algorithm is required.
  • Different devices can be defined in a single CSS. So the same CSS can be used for different devices.
  • It reduces the usages of JavaScript for some simple use cases. We cannot define style or attributes to html markup for event like mouse up, mouse over events.

How we apply CSS?


CSS can be apply to the a html/xml by using classes or styles. A select rule is used to apply the defined style to the markup language. The selector may be any one of the following with or with hierarchy and event selector

  • Tag selector - used by tag name (body, div, etc.,)
  • Id selector - used by id prefix with hash (#textbox1, #firstdiv, etc.,)
  • Class selector - used by class name prefix with dot (.nav, .color, etc.,)
  • Tag selector with attribute filter (input[name='firstname'])
  • hierarchy selector (body div .first-element ul li)

Comments

Post a Comment

Popular posts from this blog

Mapping .NET Data Types to MySQL Data Types

Mapping .NET Data Types to MySQL Data Types .NET Data Types MySQL Data Types System.Boolean boolean, bit(1) System.Byte tinyint unsigned System.Byte[] binary, varbinary, blob, longblob System.DateTime datetime System.Decimal decimal System.Double double System.Guid char(36) System.Int16 smallint System.Int32 int System.Int64 bigint System.SByte tinyint System.Single float System.String char, varchar, text, longtext System.TimeSpan time DateTimeOffset type is not supported.
5 comments
Read more

C# - How to get Property Name and Value of a dynamic object?

C# - Dynamic Object Use the following code to get Name and Value of a dynamic object's property. dynamic d = new { Property1= "Value1", Property2= "Value2"}; var properties = d.GetType().GetProperties(); foreach (var property in properties) {     var PropertyName= property.Name; //You get "Property1" as a result     var PropetyValue= d.GetType().GetProperty(property.Name).GetValue(d, null); //You get "Value1" as a result // you can use the PropertyName and Value here  }
2 comments
Read more

How to Install redis6 on Amazon Linux 2023?

How to Install Redis6 on Amazon Linux 2023? Redis is an open-source, in-memory data structure store used as a database, cache, and message broker. In this guide, we'll walk you through the steps to install Redis 6 on Amazon Linux 2023. Prerequisites Before you start, make sure you have: An instance of Amazon Linux 2023 running. Sudo or root access on your instance. Step 1: Update Your System First, ensure your system is up to date by running the following commands: sudo dnf update -y sudo dnf upgrade -y Step 2: Install Redis Next, we'll install Redis6 using the Amazon Linux 2023 package repository. Run the following command to install Redis: sudo dnf install redis6 -y Step 3: Start and Enable Redis After installing Redis6, you need to start the Redis6 service and enable it to start on boot: sudo systemctl start redis6 sudo s...
Post a Comment
Read more