Scribd Logo
Unggah

Selamat datang di Scribd!

  • Milan Css

    Diunggah oleh

    milan_manwar6163
    13 tayangan36 halaman
    CSS is a style sheet language used for describing the look and formatting of a document written in a markup language. The first CSS specification to become an official W3C Recommendation is CSS level 1, published in December 1996. CSS 3 is divided into several separate documents called "modules" Each module adds new capabilities or extends features defined in CSS 2 over preserving backward compatibility.

    Deskripsi Asli:

    Judul Asli

    milan-css (1)

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    CSS is a style sheet language used for describing the look and formatting of a document written in a markup language. The first CSS specification to become an official W3C Recommendation is CSS level 1, published in December 1996. CSS 3 is divided into several separate documents called "modules" Each module adds new capabilities or extends features defined in CSS 2 over preserving backward compatibility.

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    13 tayangan36 halaman

    Milan Css

    Diunggah oleh

    milan_manwar6163
    CSS is a style sheet language used for describing the look and formatting of a document written in a markup language. The first CSS specification to become an official W3C Recommendation is CSS level 1, published in December 1996. CSS 3 is divided into several separate documents called "modules" Each module adds new capabilities or extends features defined in CSS 2 over preserving backward compatibility.

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 36

    CSS

    (Cascading Style Sheets)

    Already Know

    Before you continue you should have a basic understanding of the following:
    HTML / XHTML

    CSS introduction

    Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language.
    The CSS specifications are maintained by the World Wide Web Consortium (W3C).

    CSS Versions

    CSS 1

    The first CSS specification to become an official W3C Recommendation is CSS level 1, published in December 1996. Among its capabilities are support for
    Fontpropertiessuchastypefaceandemphasis
    Coloroftext,backgrounds,andotherelements Textattributessuchasspacingbetweenwords,letters,andlinesoftext

    CSS Versions

    CSS 2

    CSS level 2 specification was developed by the W3C and published as a recommendation in May 1998. A superset of CSS 1, CSS 2 includes a number of new capabilities like absolute, relative, and fixed positioning of elements and z-index, the concept of media types, support for aural style sheets and bidirectional text, and new font properties.

    CSS Versions

    CSS 3
    Unlike CSS 2, which is a large single specification defining various features, CSS 3 is divided into several separate documents called "modules".

    Each module adds new capabilities or extends features defined in CSS 2, over preserving backward compatibility.

    CSS Versions

    CSS 4
    W3C started drafting CSS 4 on Sep 29, 2009.

    However, it is currently not supported by any major web browser.

    Styles Solved a Big Problem

    Development of large web sites, where fonts and color information were added to every single page, became a long and expensive process.
    To solve this problem,created CSS.

    All formatting could be removed from the HTML document, and stored in a separate CSS file.
    All browsers support CSS today.

    CSS Saves a Lot of Work!

    Styles are normally saved in external .css files.


    External style sheets enable you to change the appearance and layout of all the pages in a Web site Just by editing one single file!

    CSS Syntax

    h1{color:red;font-size:12px;}
    h1=selector

    The selector is normally the HTML element you want to style


    Each declaration consists of a property and a value CSS declarations always ends with a semicolon, and declaration groups are surrounded by curly brackets

    CSS Example
    <html> <head> <style type="text/css"> p{color:red;text-align:center;} </style> </head> <body> <p>Hello World!</p> </body> </html>

    CSS ID

    The id selector is used to specify a style for a single, unique element.


    The id selector uses the id attribute of the HTML element, and is defined with a "#"

    Example
    <html> <head> <style type="text/css"> #para1{text-align:center;color:red;} </style> </head> <body> <p id="para1">Hello World!</p> </body> </html>

    CSS Class

    The class selector is used to specify a style for a group of elements.


    Unlike the id selector, the class selector is most often used on several elements. This allows you to set a particular style for any HTML elements with the same class. The class selector uses the HTML class attribute, and is defined with a "."

    Example
    <html> <head> <style type="text/css"> .center{text-align:center;} </style> </head> <body> <h1 class="center">Center-aligned heading</h1> <p class="center">Center-aligned paragraph.</p> </body> </html>

    Three Ways to Insert CSS

    External style sheet


    Internal style sheet

    Inline style

    External Style Sheet

    An external style sheet is ideal


    when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the <link> tag

    Internal Style Sheet

    An internal style sheet should be used when a single document has a unique style.
    You define internal styles in the head section of an HTML page, by using the <style> tag

    Inline Styles

    To use inline styles you use the style attribute in the relevant tag.
    The style attribute can contain any CSS property

    CSS Styling

    Styling Backgrounds
    Styling Text

    Styling Fonts
    Styling Links Styling Lists Styling Tables

    Styling Backgrounds

    CSS properties used for background effects:


    background-color

    background-image
    background-repeat background-attachment background-position

    Styling Text

    Text Color
    Text Alignment

    Text Decoration
    Text Transformation

    Styling Fonts

    Font Family
    Font Style

    Font Size
    Font-weight

    Styling Lists

    Set different list item markers for ordered lists


    Set different list item markers for unordered lists

    Styling Tables

    Table Borders
    Table Width and Height

    Table Text Alignment


    Table Padding Table Color

    The CSS Box Model

    Content
    Border

    Outline
    Margin Padding

    Content

    The content of the box, where text and images appear

    CSS Border

    A border that lies around the padding and content.


    Border Style Border Width Border Color Border - Individual sides

    CSS Outlines

    An outline is a line that is drawn around elements, outside the border edge
    The outline properties specifies the style, color, and width of an outline.

    CSS Margin

    Clears an area around the border.


    The margin does not have a background color

    The top, right, bottom, and left margin can be changed independently using separate properties.

    CSS Padding

    The padding clears an area around the content (inside the border) of an element.
    The padding is affected by the background color of the element. The top, right, bottom, and left padding can be changed independently using separate properties.

    Grouping Selectors

    To minimize the code, you can group selectors.


    Separate each selector with a comma

    Example
    h1,h2,p
    {

    color:green;
    }

    Thank You

    Advantages of CSS

    Code:
    CSS is the standard for coding in HTML.

    CSS is compatible with most browsers.


    CSS reduces the length of the codes of web page,

    Advantages of CSS

    Design:
    Use of CSS makes the design simple. CSS makes the management of the entire website easy to maintain by just changing the CSS file which contains the style details.

    Anda mungkin juga menyukai