css的三個特性 背景透明設置

来源:https://www.cnblogs.com/v-zqw/archive/2018/08/04/9419084.html
-Advertisement-
Play Games

關於行內元素(補充一點) 行內元素只能容納文本或其他行內元素。(a特殊a裡面可以放塊級元素) 例子: 關於行高tip: 選擇器的嵌套層級不應大於3級,位置靠後的限定條件應儘可能的精確。 屬性定義必須另起一行。 關於行高的測量: css的三大特性(層疊 優先 繼承) a、層疊性:多種css樣式的疊加 ...


關於行內元素(補充一點)

行內元素只能容納文本或其他行內元素。(a特殊a裡面可以放塊級元素

例子:

 

關於行高tip:

選擇器的嵌套層級不應大於3級,位置靠後的限定條件應儘可能的精確。

 屬性定義必須另起一行。

關於行高的測量:

 

css的三大特性(層疊 優先  繼承)

a、層疊性:多種css樣式的疊加

是瀏覽器處理衝突的一種能力,如果一個屬性通過兩個相同選擇器設置在同一個元素上,那麼這個時候一個屬性會將另外一個屬性層疊掉。

一般情況下,如果出現樣式衝突,則會按照css書寫的順序,以最後的樣式為準。

 

b、優先性

定義css樣式時,經常會出現兩個或更多規則應在同一元素上,這時就會出現優先順序的問題。

樣式的權重可以疊加

一般來說

行內標簽  > ID選擇器 > 類標簽 > 標簽選擇器 > 通配選擇器(沒有權重)

 

tip:背景半透明的設置background:rgba(0,0,0,3);

最後一個參數是alpha透明度  取值範圍在0-1之間

註意:背景半透明是指盒子背景半透明,盒子裡面的內容不受影響。

 


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

-Advertisement-
Play Games
更多相關文章
  • 一. 概述 通常來說,死鎖都是應用設計問題,通過調整業務流程,資料庫對象設計,事務大小,以及訪問資料庫的sql語句,絕大部分死鎖都可以避免,下麵介紹幾種避免死鎖的常用 方法. 1. 在應用中,如果不同的程式併發操作多個表,應儘量約定以相同的順序來訪問表,這樣可以大大降低產生死鎖的機會。按順序對錶進行 ...
  • 最早的寫法: 最新的寫法: 新的寫法比原始寫法性能高出太多(原語句執行會超時),最大的原因是對with語句理解有誤!!! ...
  • 在ES6之前,javascript只有全局作用域和函數作用域。所謂作用域就是一個變數定義並能夠被訪問到的範圍。也就是說如果一個變數定義在全局(window)上,那麼在任何地方都能訪問到這個變數,如果這個變數定義在函數內部,那麼就只能在函數內部訪問到這個變數。 全局作用域只要頁面沒關閉就會一直存在,而 ...
  • 不知道從什麼時候開始,單頁網站就悄悄走進人們的視線,尤其是國外的網站,更是鐘愛單頁網站.製作一個全屏滾動的效果,然後每個滾動頁弄一個好看的背景色,配上一些描述性的文字,大家都喜歡這麼弄,仿佛逼格瞬間可以爆表似的.當然,不得不承認,介紹產品的頁面用單頁網站似乎確實高大上的多.在站長之家看到一篇文章,讓... ...
  • 本篇目錄: 1.截取指定位元組數的字元串 2.判斷是否微信 3.獲取時間格式的幾個舉例 4.獲取字元串位元組長度 5.對象克隆、深拷貝 6.組織結構代碼證驗證 7.身份證號驗證 8.js正則為url添加http標識 9.URL有效性校驗方法 10.自定義jsonp方法 11.cookie操作 12.生成 ...
  • BFC的概念以及作用 BFC的定義: 直譯為 。它是一個獨立的渲染區域,只有Block level box參與, 它規定了內部的Block level Box如何佈局,並且與這個區域外部毫不相干。 我們常說的文檔流其實分為==定位流、浮動流和普通流==三種。而 其實就是指BFC中的FC。 是`for ...
  • 代碼可以在 https://pan.baidu.com/s/1uN120-18hvAzELpJCQfbXA 處下載 下麵來 移除 廣告元素,在js目錄下,創建一個 removeAds.js, 用來移除網頁中的廣告元素 修改manifest.json 同時, 發現了一個問題,如果打開的是 https: ...
  • 理解好javascript的變數作用域和鏈式調用機制對用好變數起著關鍵的作用,本文來談談這兩個概念。 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...