CSS簡介

來源:互聯網
上載者:User

標籤:css


1、CSS簡介

CSS(Cascading Style Sheets)階層式樣式表,是一種電腦語言,用來控制HTML內容的顯示效果

CSS預定義了眾多和顯示效果有關的樣式屬性,對樣式的控制是非常精確和精細的,比如color、font-size等。如果希望HTML內容顯示某個效果,就應用對應的CSS樣式屬性

CSS的特點

有的樣式屬性子標籤可以從父標籤那裡繼承過來,有的則不能

一個標籤可以同時應用若干個樣式屬性

一個標籤的最終顯示效果,是由若干個樣式屬性層疊(疊加)到一起形成的


2、使用CSS的五種方式


(1)行內樣式

寫在元素的style屬性裡

(2)內嵌樣式

寫在<style>元素內

(3)匯入樣式

在<style>元素內開頭使用@import url(index.css);方式引入,這種方式實際算是內嵌樣式

(4)連結樣式

使用<link>元素引入css檔案,如<link type="text/css" rel="stylesheet" href="c1.css"/>

(5)預設樣式

每一種html標籤都有預設的css樣式


3、CSS優先順序

當某個樣式屬性出現多次時,就需要使用優先順序規則解決產生的矛盾

(1)不同引入方式的優先順序:行內>內嵌、匯入和連結>預設樣式

(2)同一種引入方式或相同優先順序的引入方式中,後出現的會覆蓋先出現的


4、其他常用樣式屬性

display控制元素的可見度

cursor控制滑鼠指標進入元素時的樣式



CSS簡介

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.