一天搞定CSS：初識css--01

Java仗劍走天涯發表於2017-05-06
CSS

1）CSS：層疊樣式表(英文全稱：Cascading Style Sheets)

    是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等檔案樣式的計算機語言。

    CSS不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

    CSS 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字號樣式，擁有對網頁物件和模型樣式編輯的能力。

2）層疊樣式表型別

分為：行間樣式、內部樣式、外部樣式

這裡寫圖片描述

程式碼演示：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <!--3.外部樣式：需要用link標籤，匯入-->
        <link rel="stylesheet" type="text/css" href="css/01外部樣式.css"/>
        <!--2.內部樣式：在style標籤中寫-->
        <style type="text/css">
            div{
                width:100px;
                height: 100px;
                background: pink;
            }
        </style>
    </head>
    <body>
        <!--1.行間樣式：直接在div中新增，style="width:100px;height: 100px;background: pink;"-->
        <div style="width:100px;height: 100px;background: pink;">div1</div>
    </body>
</html>

相關文章