DEV Community

bagavath ravichandran
bagavath ravichandran

Posted on

2 1 1

CSS PROPERTIES

1.Flexbox:

 Flexbox is a layout method for arranging items in rows or 
 columns.
 The CSS Flexbox Layout should be used for one-dimensional 
 layout, with rows OR columns.
Enter fullscreen mode Exit fullscreen mode

2.class selector

 The CSS .class selector selects elements with a specific class 
 attribute value.

 The **element.class** selector selects the specified elements 
 with the specified class attribute value.
Enter fullscreen mode Exit fullscreen mode

3.Element selector.

 The element selector selects HTML elements based on the 
 element name.
Enter fullscreen mode Exit fullscreen mode

p {
text-align: center;
color: red;
}

 Here, all <p> elements on the page will be center-aligned, 
 with a red text color: 
Enter fullscreen mode Exit fullscreen mode

4.Box-shadow property

 The CSS box-shadow property is used to apply one or more 
 shadows to an element.

 div {
     box-shadow: 10px 10px;
 }
Enter fullscreen mode Exit fullscreen mode

5.Border-radius property.

 The border-radius property defines the radius of the element's 
 corners.it allows you to add rounded corners to elements.

 #example {
    border: 2px solid red;
    border-radius: 25px;
 }
Enter fullscreen mode Exit fullscreen mode

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more