-->

ABOUT US

Our development agency is committed to providing you the best service.

Our mision

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed pretium elit, quis consectetur leo.

Learn more

Our values

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed pretium elit, quis consectetur leo.

Learn more

Our philosophy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed pretium elit, quis consectetur leo.

Learn more

OUR TEAM

The awesome people behind our brand ... and their life motto.

  • Kumar Atul Jaiswal

    Ethical Hacker

    Hacking is a Speed of Innovation And Technology with Romance.

  • Kumar Atul Jaiswal

    CEO Of Hacking Truth

    Loopholes are every major Security,Just need to Understand it well.

  • Kumar Atul Jaiswal

    Web Developer

    Techonology is the best way to Change Everything, like Mindset Goal.

OUR SKILLS

We pride ourselves with strong, flexible and top notch skills.

Marketing

Development 90%
Design 80%
Marketing 70%

Websites

Development 90%
Design 80%
Marketing 70%

PR

Development 90%
Design 80%
Marketing 70%

ACHIEVEMENTS

We help our clients integrate, analyze, and use their data to improve their business.

150

GREAT PROJECTS

300

HAPPY CLIENTS

650

COFFEES DRUNK

1568

FACEBOOK LIKES

STRATEGY & CREATIVITY

Phasellus iaculis dolor nec urna nullam. Vivamus mattis blandit porttitor nullam.

PORTFOLIO

We pride ourselves on bringing a fresh perspective and effective marketing to each project.

Showing posts with label css cascading style sheet. Show all posts
Showing posts with label css cascading style sheet. Show all posts

  • css external internal and inline files




    CSS Files

    There are Three ways to insert CSS style sheet


    • External style sheet
    • Internal style sheet
    • Inline style sheet




    External style sheet 



    with an external style sheet, you can change the look of an entire by website changing just one file.

    Each page must include a reference to the external style sheet file inside the <link> element.
    The <link> element goes inside the <head> section:
    Syntax  

    • <link rel = " stylesheet "    href = " style.css ">
    • style.css means this is a source of  file ( URL ).

    Example  



    <!DOCTYPE html>
    <html>
    <head>
    <title>CSS External Files </title>

    <link rel = " stylesheet "    href = " style.css ">

    </head>

    <body>

    <h2>This is a heading.</h2>
    <p>This is paragraph.</p>

    </body>
    </html>



    Result





                     This is heading.

                      This is paragraph.



     A external sheet file can be written in any text editor like Notepad  ,   Notepad++  ,  Sublime ,  Alom ,  Brackerts   ,   pycham  Etc....

    The Style file must be saved  with  a   .css   extension.

    Here is Style.css File 



    body {

       background-color: #fff;  (    White color );
    }

     h1 {

       color: red;
      margin-left: 20px;

     }

    p  {

      color: blue;
    margin-left: 20px;

     }















    Internal Style Sheet
    An internal style sheet may be used if one single page has a unique style.

    Internal styles are defined within the <style> element, inside the <head> section of an HTML page:


    Example
    <!DOCTYPE html>
    <html>
    <head>
    <title>CSS Internal Files </title>

     <style>
    body {


    }


    h1 {


      color: red;  margin-left: 20px;

    }


    p  {

     color: blue;margin-left: 20px;

    }


    </style>

    </head>

    <body>

    <h2>This is a heading.</h2>
    <p>This is paragraph.</p>

    </body>
    </html>



    Result



               This is heading.

                       This is paragraph.







    Inline Style Sheet
    An inline style may be used to apply a unique style for a single element.

    To use inline styles, add the style attribute to the relevant element. The style attribute can
     contain any CSS property.




    <html>
    <head>
    <title>CSS Internal Files </title>
    </head>

    <body>

    <h2   style="font-weight: bold; color: blue">This is a heading.</h2>
    <p  style="color: red;">This is paragraph.</p>

    </body>
    </html>



    Result





              This is heading.

                       This is paragraph.






    Multiple Style  Sheets

    If some properties have been defined for the same selector (element) in different style sheets,
    the value from the last read style sheet will be used.


    Example



    • Assume that an external style sheet has the following style for the <h1> element:



     h1 {

       color: red;
    }
    • then, assume that an internal style sheet also has the following style for the <h1> element:


     h1  {

     color: blue;

     }








    Example
    <!DOCTYPE html>
    <html>
    <head>
    <title>CSS Internal Files </title>

     <style>

    h1 {
      color: red;

    }

    </style>

    </head>

    <body>

    <h2>This is a heading.</h2>


    </body>
    </html>



    Result



               This is heading.

                     
    Here is External style sheet  ( style.css  )  :


     h1 {
      color: red;

    }











    • However, if the internal style is defined before the link to the external style sheet, the <h1> elements will be "blue":.




    Example
    <!DOCTYPE html>
    <html>
    <head>
    <title>CSS Internal Files </title>

     <style>

    h1 {
      color: red;

    }

    </style>
    <link rel = " stylesheet "    href = " style.css ">

    </head>

    <body>

    <h2>This is a heading.</h2>


    </body>
    </html>



    Result



               This is heading.






     Video on This Topic :-  SooN




    Have a Nice Stay Here   : - )

  • css syntax


    What Is CSS ?


    • CSS stands for Cascading Style Sheets.
    • CSS describes how HTML elements are to be displayed on screen, paper, or in other media CSS saves a lot of work. It can control the layout of multiple web pages all at once. External stylesheets are stored in CSS files.




    CSS Syntax

    A CSS rule set consists of a selector and a declaration block : 


      
    Kumar Atul Jaiswal



    • The declaration block contains one or more declarations separated by semicolons.

    • Each declaration includes a CSS property name and a value, separated by a colon.

    • A CSS declaration always ends with a semicolon, and declaration blocks are surrounded by curly braces.

    • In the following example all <p> elements will be center-aligned, with a red text color:






    Example 
    <!DOCTYPE html>
    <html>
    <head>
    <title>CSS Color </title>

     <style>

     p  {

     color: red;
    text-align: center;
    }

     </style>

    </head>
    <body>

     <h2>This is a heading.</h2>
    <p>This paragraphs are styled with CSS.</p>

     </body>
    </html>
    Result


                                             This is a heading.
                               This paragraphs are stylerd with CSS.

    The ID Selector
    • The ID Selector use the ID attribute of an HTML element to select a specific element.
    • The id of an select should be unique within a page, so the id selector is used to select one unique element.
    • To select an elememt with a specific id, write a  ( # ) Hash  character, followed by the id of the element.
    • The style rule below will be applied to the HTML element with id = "line1" 









    Example 




    <!DOCTYPE html>
    <html>
    <head>
    <title>CSS Color </title>

     <style>

     #line1  {

     color: red;
    text-align: center;
    }

     </style>

    <body>

     <p id="line1">This paragraph is effected by CSS.</p>
    <p>This paragraph is not affected by the CSS.</p>

     </body>
    </html>


    Result



                             This paragraph is effected by CSS.
    This paragraphs is not affected by the CSS.

    Note:  An id name cannot start with a number!



    The class Selector 




    • The class selector selects elements with a specific class attribute.
    • To select elements with a specific class, write a period (.) character, followed by the name of the class.
    • In the example below, all HTML elements with class="center" will be red and center-aligned:ame cannot start with a number!


    Example 



    <!DOCTYPE html>
    <html>
    <head>
    <title>CSS Color </title>

    <style>

    .center  {

    color: red;
    text-align: center;


    }

    </style>

    </head>
    <body>

    <h1 class="center">This paragraph is effected by CSS  by classes </h1>
    <p class="center">This paragraph is affected by the CSS. by classes.</p>

    </body>
    </html>





    Result



                          This paragraph is effected by CSS  by classes. 
                         This paragraph is effected by CSS  by classes.






    • You can also specify that only specific HTML elements should be affected by a class.



    Example 




    <!DOCTYPE html>
    <html>
    <head>
    <title>CSS Color </title>

     <style>

     h1.center  {

     color: red;
    text-align: center;
    }

     </style>

    </head>
    <body>

     <h1 class="center">This paragraph is effected by CSS  by classes </h1>
    <p class="center">This paragraph is affected by the CSS. by classes.</p>

     </body>
    </html>


    Result



                          This paragraph is effected by CSS  by classes. 
      This paragraph is effected by CSS  by classes.




    • HTML elements can also refer to more than one class.




    HTML TUTORIAL 

                                   WATCH AND SUBSCRIBE 




    Example 




    <!DOCTYPE html>
    <html>
    <head>
    <title>CSS Color </title>

     <style>

     p.center  {

     color: red;
    text-align: center;
    }

     </style>

    </head>
    <body>

     <h1 class="center">This paragraph is not effected by CSS  by classes </h1>
    <p class="center">This paragraph will be red and center-aligned.</p>

     <p class="center large">This paragraph will be red, center-aligned, and in a large font-size.</p>


    </body>
    </html>


    Result



       This paragraph is effected by CSS  by classes.                   
                      This paragraph will be red and center-aligned.

    This paragraph will be red, center-aligned, and in a large font-size.






    Note:  A class name cannot start with a number!


    Grouping Selector 


    • If you have elements with the same style definitions, like this:
    • It will be better to group the selectors, to minimize the code.
    • To group selectors, separate each selector with a comma.



    Example 




    <!DOCTYPE html>

    <html>
    <head>
    <title>CSS Color </title>

     <style>

     h1, h2,  p {

     color: red;
    text-align: center;
    }

     </style>

    </head>
    <body>

     <h1 >Hello world! </h1>
    <h2>Smaller Heading.</h2>

     <p>This is a paragraph.</p>


    </body>
    </html>


    Result


                                      Hello world!

                                    Smaller Heading.

                                     This is a paragraph.




















    • WHAT WE DO

    We've been developing corporate tailored services for clients for 30 years.

    ANALYTICS

    Morbi auctor tempor facilisis cras amet. Donec condimentum non turpis ac posuere.

    CONSULTING

    Morbi auctor tempor facilisis cras amet. Donec condimentum non turpis ac posuere.

    DESIGN

    Morbi auctor tempor facilisis cras amet. Donec condimentum non turpis ac posuere.

    DEVELOPMENT

    Morbi auctor tempor facilisis cras amet. Donec condimentum non turpis ac posuere.

    MARKETING

    Morbi auctor tempor facilisis cras amet. Donec condimentum non turpis ac posuere.

    SEO

    Morbi auctor tempor facilisis cras amet. Donec condimentum non turpis ac posuere.

    Contact us at any time

    CONTACT US

    For enquiries you can contact us in several different ways. Contact details are below.

    Hacking Truth.in

    • Street :Road Street 00
    • Person :Person
    • Phone :+045 123 755 755
    • Country :POLAND
    • Email :contact@heaven.com

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.