CSS基礎教程

smartlion 發布于2019-08-28 18:08 / 3491人閱讀

摘要：簡介概述指層疊樣式表決定元素如何顯示內容與樣式分離多個樣式定義可層疊為一層疊次序瀏覽器缺省設置外部樣式表內部樣式表位于標簽內部內聯樣式在元素內部基本語法語法結構高級語法選擇器的分組繼承繼承中的屬性重寫從中繼承的屬性

CSS簡介 CSS概述

CSS指層疊樣式表（Cascading Style Sheets）

決定HTML元素如何顯示

內容與樣式分離

多個樣式定義可層疊為一

層疊次序

瀏覽器缺省設置

外部樣式表

內部樣式表（位于標簽內部）

內聯樣式（在 HTML 元素內部）

CSS基本語法 CSS語法結構

CSS高級語法 選擇器的分組

h1,h2,h3,h4,h5,h6 {
  color: green;
}

繼承

body  {
     font-family: Verdana, sans-serif;
}


td, ul, ol, ul, li, dl, dt, dd  {
     font-family: Verdana, sans-serif;
}


p  {
     font-family: Times, "Times New Roman", serif;
}

派生選擇器


h2 strong {
     color: blue;
}

id選擇器


#sidebar {
    border: 1px dotted #000;
}


#sidebar h2 {
    font-size: 1em;
}

類選擇器







.fancy {
    color: #f60;
}

.fancy td {
    color: #f60;
}

td .fancy {
    color: #f60;
}

td.fancy {
    color: #f60;
}

屬性選擇器

[title]
{
    color:red;
}

[title=W3School]
{
    border:5px solid blue;
}

input[type="text"]
{
  width:150px;
}

CSS創建 外部樣式表

內部樣式表

內聯樣式

This is a paragraph

GPU云服務器云服務器 css基礎教程 css基礎基礎css 基礎選擇器css

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111044.html

[譯]148個資源讓你成為CSS專家

摘要：層疊樣式表二修訂版這是對作出的官方說明。速查表兩份表來自一份關于基礎特性，一份關于布局。核心第一篇一份來自的基礎參考指南簡寫速查表簡寫形式參考書使用層疊樣式表基礎指南，包含使用的好處介紹個方法快速寫成高質量的寫出高效的一些提示。迄今為止，我已經收集了100多個精通CSS的資源，它們能讓你更好地掌握CSS技巧，使你的布局設計脫穎而出。 CSS3 資源 20個學習CSS3的有用資源 C...

impig33 2019-08-29 11:10 評論0 收藏0
HTML5+CSS3網站設計教程 (張曉景,胡克) [iso]

摘要：網站設計教程目錄第章網頁和網站的基礎知識第章使用標準設計和制作第章和基礎第章樣式基礎第章布局入門第章設置頁面背景圖像第章設置頁面中的圖像第章文本內容排版第章設置表單樣式第章設置列表樣式第章設置頁面超鏈接樣式教程地址網站設計教程張曉景胡克《HTML5+CSS3網站設計教程》系統地講解了CSS的基礎理論和實際運用技術，并結合多個案例講解了采用CSS與層布局相結合制作網頁的方法，在詳細講解各個案例...

zombieda 2019-04-23 14:38 評論0 收藏0
前端之CSS基礎學習

摘要：上面五個問題就是我總結的基礎概念，學習過程中一定要把它們弄明白別忘了有哦。請帶著以下幾個問題進行學習 CSS是什么 CSS的引用方式 CSS選擇器 CSS優先級 CSS盒模型基礎知識學習和實例演練教程 MDN中css教程CSS基礎學習教程（css快速入門）CSS參考手冊（便于了解更多css屬性）CSS3教程（適用于移動端開發的css新特性）入門學習，一定要快，沒有必要花大量時...

Hwg 2019-08-29 12:32 評論0 收藏0
前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
做IT這幾年，我整理了這些干貨想要送給你!

摘要：資源獲取方式根據下面的索引，大家可以選擇自己需要的資源，然后在松哥公眾號牧碼小子后臺回復對應的口令，就可以獲取到資源的百度云盤下載地址。公眾號二維碼如下另外本文會定期更新，松哥有新資源的時候會及時分享給大家，歡迎各位小伙伴保持關注。沒有一條路是容易的，特別是轉行計算機這條路。松哥接觸過很多轉行做開發的小伙伴，我了解到很多轉行人的不容易，記得松哥大二時剛剛決定轉行計算機，完全不知道這...

王晗 2019-08-16 17:41 評論0 收藏0