Found 601 Articles for Front End Scripts

CSS Measurement Units

usharani
Updated on 30-Jan-2020 08:25:48

288 Views

CSS supports a number of measurements including absolute units such as inches, centimeters, points, and so on, as well as relative measures such as percentages and em units. You need these values while specifying various measurements in your Style rules.The following are the CSS Measurement Units along:UnitDescriptionExample%Defines a measurement as a percentage relative to another value, typically an enclosing element.p {font-size: 16pt; line-height: 125%;}cmDefines a measurement in centimeters.div {margin-bottom: 2cm;}emA relative measurement for the height of a font in em spaces. Because an em unit is equivalent to the size of a given font, if you assign a font to ... Read More

How to add comments in the style sheet blocks

Samual Sam
Updated on 30-Jan-2020 08:44:26

188 Views

You may need to put additional comments in your stylesheet blocks. Therefore, it is very easy to comment any part of the style sheet. You can simply put your comments inside /*.....this is a comment in style sheet.....*/.You can use /* ....*/ to comment multi-line blocks in a similar way you do in C and C++ programming languages.Let us see how to add a comment:                    p {             color: red;             /* This is a single-line comment */             text-align: center;          }          /* This is a multi-line comment */                     Hello World!    

Rules to override Style Sheet Rule in CSS

varun
Updated on 30-Jan-2020 08:24:28

2K+ Views

The following is the rule to override any Style Sheet Rule.Any inline stylesheet takes the highest priority. Therefore, it will override any rule defined in ... tags or rules defined in an external style sheet file.Any rule defined in ... tags will override rules defined in any external style sheet file.Any rule defined in external style sheet file takes the lowest priority, and rules defined in this file will be applied only when above two rules are not applicable

Including an external stylesheet file in your HTML document

varma
Updated on 30-Jan-2020 08:25:06

295 Views

The element can be used to include an external style sheet file in your HTML document.An external style sheet is a separate text file with .css extension. You define all the Style rules within this text file and then you can include this file in any HTML document using element.Consider a simple style sheet file with a name new.css having the following rules:h1, h2, h3 {    color: #36C;    font-weight: normal;    letter-spacing: .4em;    margin-bottom: 1em;    text-transform: lowercase; }Now you can include this file new.css in any HTML document as follows:    

How to use style attribute to define style rules?

karthikeya Boyini
Updated on 30-Jan-2020 08:23:24

247 Views

You can use style attribute of any HTML element to define style rules. These rules will be applied to that element only. Here is the generic syntax:The following is an example:                   This is inline CSS    

Working with