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

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

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

例子:

?

關于行高tip:

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

?屬性定義必須另起一行。

關于行高的測量:

?

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

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

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

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

?

b、優先性

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

樣式的權重可以疊加

一般來說

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

?

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

最后一個參數是alpha透明度? 取值范圍在0-1之間

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

?

本文轉載于:猿2048?https://www.mk2048.com/blog/blog.php?id=ib22b2j&title=css的三個特性 背景透明設置

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/370689.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/370689.shtml
英文地址,請注明出處:http://en.pswp.cn/news/370689.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

比較容易犯的一些智障錯誤(不定時修改)

無論在什么學習中,在成長的過程中,注定要犯一些錯誤,有些比較高級的錯誤,有些是比較智障的錯誤。那么在oi的學習中,我們最討厭的就是一些智障的小錯誤,因為如果是大錯誤的話一般情況下在測試樣例的時候都是…

ccs安裝多版本編譯器離線_大數據分析:學習工具JDK,在線安裝指南

hadoop是使用Java語言開發的并且Hadoop運行需要有Java環境的支持,因此在安裝hadoop之前需要安裝Java開發環境即JDK(Java Development Kit)。安裝前首先向大家介紹以一下本文會用到的幾個詞:JAVA_HOME:一是為了方便引用,比如,JDK安…

HTML基礎入門學習準備篇

在學習前端的開始,讓我們一起來了解什么是HTML5時代的大前端開發和全棧開發的定義傳統的前端:切圖-標簽和樣式-實現效果H5時代的前端:一、需要各端的兼容開發二、可以用于APP開發和移動站點的開發三、Ajax服務器端技術開發四、高級設計模式和…

asp.net尚未在web服務器上注冊_最新版Web服務器項目詳解 00 項目概述

點 擊 關 注 上 方"兩猿社"設 為"置 頂 或 星 標",干 貨 第 一 時 間 送 達。互 聯 網 猿 | 兩 猿 社TineyWebServerLinux下C輕量級Web服務器,助力初學者快速實踐網絡編程,搭建屬于自己的服務器…

python正則r的作用_Python正則表達式,這一篇就夠了!

原標題:Python正則表達式,這一篇就夠了!大多數編程語言的正則表達式設計都師從Perl,所以語法基本相似,不同的是每種語言都有自己的函數去支持正則,今天我們就來學習 Python中關于 正則表達式的函數。re模塊…

服務器微信了早上好,每天早上好的問候語 微信早安問候語合集66句

1、沒有傘的孩子,必須努力奔跑!早安!2、你不能改變過去,但你可以改變未來。早安!3、堅持了才叫夢想,放棄了就只是妄想。早安!4、忘掉失敗,不過要牢記失敗中的教訓。早安!…

如何得到某個文件的舊版本

下載某個文件的舊版本 如果想要得到某個文件的舊版本,只需在該文件上單擊右鍵,選擇Updata to revision…即可。 系統會提示輸入版本號。 例如要下載soc_1的第五個版本,只需填入5即可。如圖7。 查看完版本5的文件后,如果想在此回到…

Google Guava EventBus和Java 7 WatchService用于事件編程

這篇文章將介紹如何使用Guava EventBus將更改發布到Java 7 WatchService檢測到的目錄或子目錄中。 Guava EventBus是向應用程序添加發布/訂閱通信的好方法。 Java 7 java.nio.file軟件包中新增的WatchService用于監視目錄中的更改。 由于EventBus和WatchService已在以前的文章中…

Bootstrap-table 部分瀏覽器顯示不出來

一、問題 近日,寫了一個ASP.Net項目,但是bootstrap-table在別人的電腦上顯示不出來,在自己的電腦上能顯示,有些瀏覽器也是能顯示,但部分瀏覽器就是顯示不出來。找了很多原因,最后有個老師和我說是內核版本的…

DBMS-基本概念

文件處理系統(file-processing system)的主要弊端: 數據冗余和不一致(data redundancy and inconsistency)、數據訪問困難(difficulty in accessing data)、數據孤立(data isolation…

python多大孩子可以學_孩子學編程最佳年齡是多大

兒童編程教育已經悄悄地掀起了編程低齡化的熱浪。但是很多人會疑惑,到底孩子學編程最佳年齡是多少呢?下面小編就為大家解答一下。孩子學編程最佳年齡 首先,孩子的學習黃金時期是非常重要的。從6歲開始,大多數孩子都可以掌握對基本…

上傳文件到華為云云服務器,上傳文件到云服務器

上傳文件到云服務器 內容精選換一換登錄Windows操作系統的彈性云服務器時,需使用密碼方式登錄。因此,用戶需先根據創建彈性云服務器時使用的密鑰文件,獲取該彈性云服務器初始安裝時系統生成的管理員密碼(Administrator帳戶或Cloudbase-init設…

JUnit規則

第一次偶然發現JUnit Rule批注時,我對此概念有些惱火。 在測試用例中擁有一個公共領域似乎有些奇怪,因此我不愿意定期使用它。 但是一段時間后,我習慣了這一點,事實證明,規則可以通過多種方式簡化編寫測試的過程。 這篇…

微pe工具箱是微軟的嗎_微PE工具箱V2.0更新10內核

本帖最后由 韋小寶2 于 2017-3-22 21:26 編輯微PE工具箱V2.0發布更新了,鏈接:http://pan.baidu.com/s/1c9whpO 轉載自無憂論壇 07年,第一個XP內核通用PE工具箱發布。17年,第一個WIN10內核的微PE工具箱就此誕生。64位純內核&#x…

jq實現輪播圖

之前設計了一個校團委網站,里面有一個輪播圖效果,上網后查看了許多方法,覺得下面這個方法最為適用,記錄下來 js代碼: $(document).ready(function () {//無縫切換輪播var i 0;//索引var clone $(".banner .imgL…

關于圖片預加載的思考

引子&#xff1a; 很多時候&#xff0c;我們在寫html頁面的時候&#xff0c;當需要在頁面中加入圖片時&#xff0c;我們很自然地把圖片直接用<img>標簽放在了<body>里面&#xff0c;這本來是沒有多大問題的。 但是當圖片數量很多的時候&#xff0c;問題就來了。H…

oracle安裝中桌面模式與服務器模式的去別

桌面模式只能本機使用。 服務器模式可以在網絡中使用&#xff0c;也就是網絡中的其他服務器可以使用。 所以安裝時&#xff0c;如果是生產環境肯定是服務器模式。一般也都是服務器模式。 轉載于:https://www.cnblogs.com/zhjx0521/p/7803691.html

python不能創建字典的是_用Python創建帶有重復鍵的字典

用Python創建帶有重復鍵的字典 我有以下列表&#xff0c;其中包含重復的具有不同值的汽車注冊號。 我想將其轉換為字典&#xff0c;該字典接受汽車登記號的多個鍵。 到目前為止&#xff0c;當我嘗試將列表轉換為字典時&#xff0c;它消除了鍵之一。 如何制作具有重復鍵的字典&a…

python中int是什么的縮寫_python中int是什么類型

python中的基本數據類型1:雖然python中的變量不需要聲明&#xff0c;但使用時必須賦值整形變量浮點型變量字符型2:可以一個給多個變量賦值&#xff0c;也可以多個給多個變量賦值3:python3中有6個標準數據類型Number(數字)*True1*False0*數值的除法(/)總是返回一個浮點數&#x…

redis cli命令

redis安裝后&#xff0c;在src和/usr/local/bin下有幾個以redis開頭的可執行文件&#xff0c;稱為redis shell&#xff0c;這些可執行文件可做很多事情。 可執行文件作用redis-server 啟動redisredis-cliredis命令行工具redis-benchmark基準測試工具redis-check-aofAOF持久化文…