css基本知識框架圖

来源:http://www.cnblogs.com/yaohong/archive/2016/11/23/6092440.html
-Advertisement-
Play Games

css基本知識框架:(一:基本知識縮影。二基本知識框架圖) 1.css樣式表的基本概念 2.樣式表基本類型 1.內嵌樣式 2.內聯樣式3.鏈入外部樣式表4.導入外部?式 3.樣式表配置方法 4.字體屬性 1.font-family 2.font-size(四種尺寸方式:絕對尺寸(xx-small。。 ...


css基本知識框架:(一:基本知識縮影。二基本知識框架圖)

1.css樣式表的基本概念

2.樣式表基本類型-----1.內嵌樣式 2.內聯樣式3.鏈入外部樣式表4.導入外部?式

3.樣式表配置方法

4.字體屬性----1.font-family

                    2.font-size(四種尺寸方式:絕對尺寸(xx-small。。。medium。。xx-large7種),相對(larger,smaller,em),px,%)

                    3.font-weight(6種方式,normal(400),bold(700),bolder,lighter,100.。。900,inherit)

                    4.font-style(3種normal,italic,oblique)

                    5.font-variant(normal,small-caps,inhert)

                    6.font

5.文本屬性----1.text-align(5種屬性justify,inherit) 2.letter-spacing  3.color(3種顏色特性)

6.背景顏色以及圖像設置

                   1.background-color

                   2.background-image

                   3.background-repeat(5種repeat,repeat-x,repeat-y,norepeat,inherit)

                   3.background-attachment(3種fixed,scroll,inherit)

                   4.background-position(3種方式)

                   5.background-size

                   6.background-origin(從何處開始顯示背景圖片3種padding-box,border-box,content-box)

                   7.background-clip(裁剪padding-box,border-box,center-box,text)

7.邊框

                   1.border-width(5種border,border-left-width(left,right,bottom))

                   2.border-style(border-(top|left|right|bottom)-style四種之下各有9種相同樣式///none/dotted/dashed/solid/double/groove/ridge/inset/outset)

                   3.border-color

                   4.border-imge(5種,border-image-source|slice|width|outset|repeace|)

8.設置邊距(margin(margin-left,,)padding)

9。網頁超鏈接設置

                   1.網頁鏈接屬性(4種鏈接方式)

                   2.添加滾動條屬性overflow(overflow-x,overflow-y)每一種分四種1.visible(顯示所有文段,沒有滾動條)2.auto(?超容時顯示滾動條)3.hidden(隱藏滾動條)4.scroll(總是顯示滾動條)

                   3.設置游標屬性(cursor:hand|crosshair|text|wait沙漏|help|move|e-resize|ne-resize |nw-resize|s-resize|url(‘#’))

10.css區域以及定位

                   1.position的理解(相對定位和絕對定位)

                   2.z-index層疊順序

                   3.float浮動屬性                   

                   4.clear清除屬性                   

                   5.clip 是css的剪刀手                   

                   6.overflow超出範圍(5種visible(超出部分溢出)hidden,auto溢出則顯示否則,inherit)                

                   7.visibility(4種visible,hidden,collapse,inherit)


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • web前端開發者最最註的內容是三個:HTML、CSS與JavaScript,他們分別在不同方面發揮自己的作用,HTML實現頁面結構,CSS完成頁面的表現與風格,JavaScript實現一些客戶端的功能與業務。當然內容與用戶資源也是不能忽視的。儘量不要跨職責範圍使用,有點“SRP單一職責”的意思,如字 ...
  • ...
  • 最近在公司接到一個需求,裡面有一個三級跳轉。類似於選擇地址的時候,選擇的順序是:省份->市->區。如果分三個頁面跳轉,那麼體驗非常不好,如果引入其他框架做成單頁應用,又比較麻煩。所以可以用js把這一塊做成單頁應用的樣子。。。 主要思路 通過改變url的hash值,跳到相應模塊。先把預設模塊顯示出來, ...
  • ...
  • github的pull request是指什麼意思? 來看看某乎某位阿牛的理解,多麼的簡單粗暴! 我嘗試用類比的方法來解釋一下 pull reqeust。想想我們中學考試,老師改捲的場景吧。你做的試卷就像倉庫,你的試卷肯定會有很多錯誤,就相當於程式里的 bug。老師把你的試卷拿過來,相當於先 for ...
  • width: 是必須的,因為寬度需要固定它才知道那些文字是超出了範圍 你會覺得這樣的話那怎麼看全部的文字呢?你可以在元素上設置title屬性,讓title來顯示整個文字, 但是我感覺有一個問題就是title反應好慢 感覺用戶體驗不好 ...
  • 正則表達式: 匹配: (1)、直接匹配功能變數名稱地址: (2)、匹配鏈接含(*.htm,*.html,*.php,*.aspx...)尾碼的地址: (3)、匹配含參數的地址: 使用說明: (1)、地址必須以http/https/ftp/ftps開頭; (2)、地址不能包含雙位元組符號或非鏈接特殊字元。 ...
  • 初學時先這樣引入 來一段 easy code 這樣msg內的內容就會渲染到頁面中。 待續。。。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...