小说阅读网,琅琊榜海宴小说,yy玄幻小说排行榜完本

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

創(chuàng)新互聯(lián)CSS教程：CSS簡介

CSS概述

1. Cascading Style Sheets 層疊樣式表，它可以控制多重網(wǎng)頁的樣式和布局；

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、重慶小程序開發(fā)公司、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了商州免費建站歡迎大家使用！

2. 需具備的基礎(chǔ)知識：HTML、XHTML；

3. 主要實現(xiàn)：

樣式

----- 定義如何顯示 HTML 元素；

----- 存儲在樣式表中；

----- 添加到 HTML4.0 中，解決內(nèi)容與表現(xiàn)分離；

----- 多個樣式定義可以層疊為一。

CSS解決的問題--更好的利用HTML

1. 背景

HTML 標(biāo)簽原本被設(shè)計為用于定義文檔內(nèi)容。即通過使用

、

這樣的標(biāo)簽，來表達(dá)“這是標(biāo)題”、“這是段落”、“這是表格”之類的信息。

同時文檔的布局由瀏覽器來完成，而不使用任何的格式化標(biāo)簽。

由于兩種主要的瀏覽器（Netscape和Internet Explorer）不斷地將新的 HTML 標(biāo)簽和屬性（比如字體標(biāo)簽和顏色屬性）添加到 HTML 規(guī)范中，創(chuàng)建文檔，內(nèi)容清晰地獨立于文檔表現(xiàn)層的站點變得越來越困難。

2. 樣式

為解決這個問題，樣式（Style）肩負(fù)起了 HTML 標(biāo)準(zhǔn)化的使用，這樣所有的主流瀏覽器均支持層疊樣式表；
極大地提高了工作效率。樣式表定義如何顯示 HTML 元素，就像 HTML3.2 的字體標(biāo)簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
多重樣式層疊為一個。樣式表允許以多種方式規(guī)定樣式信息。它可以規(guī)定在單個的 HTML 元素中，在 HTML 頁的頭元素中，或在一個外部的 CSS 文件中。
甚至可以在同一個 HTML 文檔內(nèi)部引用多個外部樣式表。

例子

CSS代表層疊樣式表。它定義如何顯示 HTML 元素。

以下 HTML 代碼包含樣式的 CSS。

 
 
     
         
     
     
        Visit the website

上面的代碼設(shè)置背景顏色和前景顏色。

樣式通常保存在外部 .css 文件中。

瀏覽器樣式

瀏覽器使用級聯(lián)和繼承來確定在顯示元素時要用于屬性的值。

每個元素都有一些 CSS 屬性。

對于每個屬性，瀏覽器需要遍歷所有樣式的源。

你已經(jīng)看到了三種不同的方式來定義樣式

內(nèi)聯(lián)
嵌入式
外部樣式表

還有兩個其他的樣式來源，你需要知道。

如果沒有指定其他樣式，瀏覽器樣式或用戶代理樣式是瀏覽器應(yīng)用于元素的默認(rèn)樣式。

這些樣式在瀏覽器之間略有不同。

以下代碼顯示了一個不包含樣式的簡單 HTML 文檔。




    Visit the website
    I  like apples and oranges.
    Visit the W3C website

鏈接的文本內(nèi)容顯示為藍(lán)色，帶下劃線。

瀏覽器正在應(yīng)用類似于以下代碼中所示的樣式。

a  {
    color: blue;
    text-decoration:  underline;
}

瀏覽器沒有每個 HTML 元素的默認(rèn)樣式。

小結(jié)

以上是從CSS的基本作用談起的，它內(nèi)部的需要基礎(chǔ)知識，在下文中會提到，如 CSS 基礎(chǔ)語法、選擇器、樣式、框模型定位等內(nèi)容。

本文名稱：創(chuàng)新互聯(lián)CSS教程：CSS簡介
分享網(wǎng)址：http://m.fisionsoft.com.cn/article/ccsisdh.html

其他資訊