INTRODUCTION TO CSS

              INTRODUCTION TO CSS                   

CSS stands for Cascading Style Sheet.CSS is used to design HTML tags.CSS is a widely used language on the web.HTML, CSS and JavaScript are used for web designing. It helps the web designers to apply style on HTML tags.

  CSS Example :                                    

 <!DOCTYPE><html><head>
<style>
h1
{
color:green;
background-color:yellow;
padding:5px;
}
p
{
color:blue;
}
</style>
</head>
<body>
<h1>MY FIRST CSS</h1>
<p>THIS IS MY CSS.</p>
</body>
</html>

     How to Link a CSS with HTML ?EDIT

  1. Create another text file in the same directory as the doc1.html document you created in the first section.
  2. Save your document as: style1.css. This file will be your stylesheet.
  3. In your CSS file, copy and paste this one line, then save the file:
    strong {color: red;}
  1. To link your document to your stylesheet, edit your HTML file. Add the line highlighted here:
    <!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
  <title>Sample document</title>
  <link rel="stylesheet" href="style1.css">
  </head>
  <body>
    <p>
      <strong>C</strong>ascading
      <strong>S</strong>tyle
      <strong>S</strong>heets
    </p>
  </body>
</html>
  2. Save the file and refresh your browser's display. The stylesheet makes the initial letters red, like this:


NOTE:REGARDING THIS DEFINITION AND EXAMPLE ANY QUERIES POST A COMMENT.




Comments

Anonymous said…
Sir I want to know that what is need of css?How IT IS implemented.
16 November 2016 at 06:12
eduxcellence said…
Use CSS to define styles for your documents, including the design, layout and variations in display for different devices and screen sizes.
Using CSS, you store the style information in common files that all the pages share.
When a user displays a web page, the user's browser loads the style information along with the content of the page.
When a user prints a web page, you can provide different style information that makes the printed page easy to read.
for implementation you can use our given information with the helpof example .
I think you can easily understand the concepts of your question and if you any other query or suggestion post a commnet.
16 November 2016 at 06:39
Post a Comment

Popular posts from this blog

Building Weather App using MVVM design pattern (Kotlin)

https://github.com/eduxcellence/WeatherApp_Kotlin MainActivity.kt Contains View show User Current Weather Report and next day Weather Report. class   MainActivity : AppCompatActivity () {     val TAG : String? = MainActivity :: class .java.simpleName     var access_key : String = BuildConfig .access_key /*"fc7ca27cdb74949f62f5b936e50db2c3"*/     var query : String = "Lucknow,Uttar Pradesh,IN"     var isUp = false     //  Check Internet Continuosly     var TYPE_WIFI = 1     var TYPE_MOBILE = 2     var TYPE_NOT_CONNECTED = 0     var snackbar : Snackbar? = null     val coordinatorLayout : CoordinatorLayout? = null     var internetC...
Read more

Basic widgets : Text and Center

Image
Text The  Text  widget lets you create a run of styled text within your application. Source Code : import 'package:flutter/material.dart' ; void main() {                                  // main function  .....   runApp( Text (                                 // Text Widget  .....     "Hello Flutter 1.7" ,                       // data ....     textAlign: TextAlign. center ,               // alignment ....   ...
Read more

4. Do Coding

Image
Write your first Flutter app, part 1 Docs Get started Write your first app This is a guide to creating your first Flutter app. If you are familiar with object-oriented code and basic programming concepts such as variables, loops, and conditionals, you can complete this tutorial. You don’t need previous experience with Dart or mobile programming. This guide is part 1 of a two-part codelab. You can find  part 2  on  Google Developers .  Part 1  can also be found on  Google Developers . What you’ll build in part 1 You’ll implement a simple mobile app that generates proposed names for a startup company. The user can select and unselect names, saving the best ones. The code lazily generates names. As the user scrolls, more names are generated. There is no limit to how far a user can scroll. The animated GIF shows how the app works at the completion of part 1. What you’ll learn in part 1 How to write a Flutter app that looks natural on both...
Read more